4708 lines
196 KiB
HTML
4708 lines
196 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<meta name="applicable-device" content="pc,mobile" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="renderer" content="webkit" />
|
|
<title>FASS 编辑器</title>
|
|
<link href="./favicon.ico" rel="icon" type="image/x-icon" />
|
|
<link href="./dist/css/panel.css" rel="stylesheet" media="all" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="app">
|
|
<header class="app-header">
|
|
<div class="app-brand">
|
|
<div class="app-title">FASS 地图编辑器</div>
|
|
<div class="app-subtitle">地图构建、路径规划与调度配置</div>
|
|
</div>
|
|
<div class="app-header-actions">
|
|
<div class="app-actions">
|
|
<button type="button" class="action" data-action="setScalingAdapt">自适应</button>
|
|
<button type="button" class="action" data-action="setScalingNormal">100%</button>
|
|
<button type="button" class="action" data-action="setUndo">撤销</button>
|
|
<button type="button" class="action" data-action="setRedo">重做</button>
|
|
<button type="button" class="action" data-action="setSaveData">保存</button>
|
|
<button type="button" class="action" data-action="setOpenData">打开</button>
|
|
<button type="button" class="action" data-action="applyThemeOverride">应用主题</button>
|
|
<select class="action-select" name="visual.theme" data-theme-select="ui" aria-label="主题切换">
|
|
<option value="light">浅色</option>
|
|
<option value="dark">深色</option>
|
|
<option value="red">红色</option>
|
|
<option value="orange">橙色</option>
|
|
<option value="yellow">黄色</option>
|
|
<option value="green">绿色</option>
|
|
<option value="cyan">青色</option>
|
|
<option value="blue">蓝色</option>
|
|
<option value="purple">紫色</option>
|
|
</select>
|
|
<button type="button" class="action" id="toggleSettingsPanel" data-action="toggleSettingsPanel"
|
|
aria-pressed="false">设置</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="app-container">
|
|
<aside class="toolbar panel" data-panel="toolbar" data-panel-side="left">
|
|
<div class="panel-header">
|
|
<button type="button" class="action panel-action panel-collapse" data-panel-action="collapse"
|
|
aria-pressed="false" aria-label="收起工具栏">收缩</button>
|
|
<span>工具</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="toolbar-search" role="search">
|
|
<input type="search" id="toolSearch" placeholder="搜索工具/命令" autocomplete="off"
|
|
aria-label="搜索工具或命令">
|
|
<button type="button" class="action" id="clearToolSearch">清空</button>
|
|
</div>
|
|
<div class="toolbar-filters">
|
|
<button type="button" class="chip active" data-tool-filter="all">全部</button>
|
|
<button type="button" class="chip" data-tool-filter="draw">绘制</button>
|
|
<button type="button" class="chip" data-tool-filter="connect">连接</button>
|
|
<button type="button" class="chip" data-tool-filter="mode">模式</button>
|
|
<button type="button" class="chip" data-tool-filter="view">显示</button>
|
|
<button type="button" class="chip" data-tool-filter="edit">编辑</button>
|
|
<button type="button" class="chip" data-tool-filter="map">地图</button>
|
|
<button type="button" class="chip" data-tool-filter="storage">存储</button>
|
|
</div>
|
|
<div class="tool-group" data-group="draw" data-title="绘制">
|
|
<div class="tool-group-title">绘制</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command switch active" id="setSelect">选择</button>
|
|
<button type="button" class="command switch" id="setNodeRect">站点 [ 矩形 ]</button>
|
|
<button type="button" class="command switch" id="setNodeEllipse">站点 [ 圆形 ]</button>
|
|
<button type="button" class="command switch" id="setNodePoly">站点 [ 多边形 ]</button>
|
|
<button type="button" class="command switch" id="setNodePath">站点 [ 路径 ]</button>
|
|
<button type="button" class="command switch" id="setEdgeBeeline">路线 [ 直线 ]</button>
|
|
<button type="button" class="command switch" id="setEdgeArc">路线 [ 圆弧 ]</button>
|
|
<button type="button" class="command switch" id="setEdgeQuadratic">路线 [ 贝塞尔二次 ]</button>
|
|
<button type="button" class="command switch" id="setEdgeBezier">路线 [ 贝塞尔三次 ]</button>
|
|
<button type="button" class="command switch" id="setZoneRect">区域 [ 矩形 ]</button>
|
|
<button type="button" class="command switch" id="setZoneEllipse">区域 [ 圆形 ]</button>
|
|
<button type="button" class="command switch" id="setZonePoly">区域 [ 多边形 ]</button>
|
|
<button type="button" class="command switch" id="setZonePath">区域 [ 路径 ]</button>
|
|
<button type="button" class="command switch" id="setTagRect">标签 [ 矩形 ]</button>
|
|
<button type="button" class="command switch" id="setTagEllipse">标签 [ 圆形 ]</button>
|
|
<button type="button" class="command switch" id="setTagPoly">标签 [ 多边形 ]</button>
|
|
<button type="button" class="command switch" id="setTagPath">标签 [ 路径 ]</button>
|
|
<button type="button" class="command switch" id="setCarForklift">车辆 [ 叉车 ]</button>
|
|
<button type="button" class="command switch" id="setCarConveyor">车辆 [ 辊筒车 ]</button>
|
|
<button type="button" class="command switch" id="setCarTugger">车辆 [ 牵引车 ]</button>
|
|
<button type="button" class="command switch" id="setCarCarrier">车辆 [ 装载车 ]</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="connect" data-title="连接">
|
|
<div class="tool-group-title">连接</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setConnectEdgeBeeline">连接 [ 直线 ]</button>
|
|
<button type="button" class="command" id="setConnectEdgeArc">连接 [ 圆弧 ]</button>
|
|
<button type="button" class="command" id="setConnectEdgeQuadratic">连接 [ 贝塞尔二次 ]</button>
|
|
<button type="button" class="command" id="setConnectEdgeBezier">连接 [ 贝塞尔三次 ]</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="mode" data-title="模式">
|
|
<div class="tool-group-title">模式</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setModeView">设置模式 [ 查看 ]</button>
|
|
<button type="button" class="command" id="setModeRead">设置模式 [ 只读 ]</button>
|
|
<button type="button" class="command" id="setModeEdit">设置模式 [ 编辑 ]</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="view" data-title="显示">
|
|
<div class="tool-group-title">显示</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setSwitchGrid">切换网格</button>
|
|
<button type="button" class="command" id="setSwitchInfo">切换信息</button>
|
|
<button type="button" class="command" id="setSwitchCarRoute">切换车辆轨迹</button>
|
|
<button type="button" class="command" id="setSwitchCarEdges">切换车辆轨迹 [ 路线 ]</button>
|
|
<button type="button" class="command" id="setSwitchCarNodes">切换车辆轨迹 [ 站点 ]</button>
|
|
<button type="button" class="command" id="setSwitchArea">切换区域渲染</button>
|
|
<button type="button" class="command" id="setSwitchZoom">切换缩放渲染</button>
|
|
<button type="button" class="command" id="setSwitchFixed">切换固定</button>
|
|
<button type="button" class="command" id="setSwitchFixedCode">切换固定 [ 编码 ]</button>
|
|
<button type="button" class="command" id="setSwitchFixedName">切换固定 [ 名称 ]</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="edit" data-title="编辑">
|
|
<div class="tool-group-title">编辑</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setUndo">撤销</button>
|
|
<button type="button" class="command" id="setRedo">重做</button>
|
|
<button type="button" class="command" id="setCheckError">检查错误</button>
|
|
<button type="button" class="command" id="setCopyShape">复制对象</button>
|
|
<button type="button" class="command" id="setCopyStyle">复制样式</button>
|
|
<button type="button" class="command" id="setPasteStyle">粘贴样式</button>
|
|
<button type="button" class="command" id="setBooleanUnion">布尔并集</button>
|
|
<button type="button" class="command" id="setBooleanIntersect">布尔交集</button>
|
|
<button type="button" class="command" id="setBooleanSubtract">布尔差集</button>
|
|
<button type="button" class="command" id="setPathPrev">上一路径</button>
|
|
<button type="button" class="command" id="setPathNext">下一路径</button>
|
|
<button type="button" class="command" id="setGroup">设置组合</button>
|
|
<button type="button" class="command" id="setUngroup">取消组合</button>
|
|
<button type="button" class="command" id="setRegroup">重新组合</button>
|
|
<button type="button" class="command" id="setAlignSize">对齐尺寸</button>
|
|
<button type="button" class="command" id="setLeftAlign">左对齐</button>
|
|
<button type="button" class="command" id="setRightAlign">右对齐</button>
|
|
<button type="button" class="command" id="setTopAlign">顶对齐</button>
|
|
<button type="button" class="command" id="setBottomAlign">底对齐</button>
|
|
<button type="button" class="command" id="setHorizontalDistribution">横向分布</button>
|
|
<button type="button" class="command" id="setVerticalDistribution">纵向分布</button>
|
|
<button type="button" class="command" id="setMoveUp">上移一层</button>
|
|
<button type="button" class="command" id="setMoveDown">下移一层</button>
|
|
<button type="button" class="command" id="setToTop">置于顶层</button>
|
|
<button type="button" class="command" id="setToBottom">置于底层</button>
|
|
<button type="button" class="command" id="setDeleteActive">删除对象</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="map" data-title="地图">
|
|
<div class="tool-group-title">地图</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setAddImage">添加地图图片</button>
|
|
<button type="button" class="command" id="setDeleteImage">删除地图图片</button>
|
|
<button type="button" class="command" id="setScalingAdapt">地图自适应</button>
|
|
<button type="button" class="command" id="setScalingNormal">地图100%</button>
|
|
<button type="button" class="command" id="setReset">重置地图</button>
|
|
<button type="button" class="command" id="setOpenData">打开地图数据</button>
|
|
<button type="button" class="command" id="setSaveData">保存地图数据</button>
|
|
<button type="button" class="command" id="setSaveImage">保存地图图片</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-group" data-group="storage" data-title="存储">
|
|
<div class="tool-group-title">存储</div>
|
|
<div class="tool-group-body">
|
|
<button type="button" class="command" id="setOpenDatabase">打开数据库地图</button>
|
|
<button type="button" class="command" id="setSaveDatabase">保存数据库地图</button>
|
|
</div>
|
|
</div>
|
|
<div class="tool-empty" id="toolEmpty">未找到匹配工具，请调整筛选条件。</div>
|
|
</div>
|
|
</aside>
|
|
<section class="map panel">
|
|
<div class="panel-header map-header">
|
|
<div class="map-title">
|
|
<span>地图</span>
|
|
<span class="map-meta" id="mapMeta" aria-live="polite">--</span>
|
|
</div>
|
|
<div class="map-header-actions">
|
|
<div class="map-search" role="search">
|
|
<input type="search" placeholder="编码/名称" id="textSearch" autocomplete="off"
|
|
aria-label="编码或名称搜索">
|
|
<button type="button" id="buttonSearch">搜索</button>
|
|
<button type="button" class="action" id="buttonSearchClear">清空</button>
|
|
</div>
|
|
<div class="map-quick-actions">
|
|
<button type="button" class="action" data-action="setSwitchGrid"
|
|
data-toggle="grid">网格</button>
|
|
<button type="button" class="action" data-action="setSwitchInfo"
|
|
data-toggle="info">信息</button>
|
|
<button type="button" class="action" data-action="setSwitchArea"
|
|
data-toggle="area">区域</button>
|
|
<button type="button" class="action" data-action="setSwitchZoom"
|
|
data-toggle="zoom">缩放</button>
|
|
<button type="button" class="action" data-action="setSwitchCarRoute"
|
|
data-toggle="carRoute">轨迹</button>
|
|
</div>
|
|
<div class="map-controls">
|
|
<button type="button" class="command" id="setScaleUp">放大</button>
|
|
<button type="button" class="command" id="setScaleDown">缩小</button>
|
|
<button type="button" class="command" id="setTranslateTop">上移</button>
|
|
<button type="button" class="command" id="setTranslateBottom">下移</button>
|
|
<button type="button" class="command" id="setTranslateLeft">左移</button>
|
|
<button type="button" class="command" id="setTranslateRight">右移</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="map">
|
|
<canvas id="canvas" tabindex="0" role="img" aria-label="地图画布">浏览器不支持canvas</canvas>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<aside class="property panel" data-panel="property" data-panel-side="right">
|
|
<div class="panel-header">
|
|
<button type="button" class="action panel-action panel-collapse" data-panel-action="collapse"
|
|
aria-pressed="false" aria-label="收起属性栏">收缩</button>
|
|
<span>属性<span class="app-header-subtitle" id="titleProperty"></span></span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="tabProperty" hidden id="tabMapRect">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabMapRect-map.index">层级</label>
|
|
<input id="tabMapRect-map.index" type="number" class="bind" name="map.index"
|
|
disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.size.w">宽度</label>
|
|
<input id="tabMapRect-map.base.size.w" type="number" class="bind"
|
|
name="map.base.size.w" min="10" max="9999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.size.h">高度</label>
|
|
<input id="tabMapRect-map.base.size.h" type="number" class="bind"
|
|
name="map.base.size.h" min="10" max="9999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.globalAlpha">透明度</label>
|
|
<input id="tabMapRect-map.base.globalAlpha" type="number" class="bind"
|
|
name="map.base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.lineWidth">边框宽度</label>
|
|
<input id="tabMapRect-map.base.lineWidth" type="number" class="bind"
|
|
name="map.base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.strokeStyle">边框颜色</label>
|
|
<input id="tabMapRect-map.base.strokeStyle" type="color" class="bind"
|
|
name="map.base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.fillStyle">填充颜色</label>
|
|
<input id="tabMapRect-map.base.fillStyle" type="color" class="bind"
|
|
name="map.base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.base.enable">是否启用</label>
|
|
<input id="tabMapRect-map.base.enable" type="checkbox" class="bind"
|
|
name="map.base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.lock.enable">是否启用</label>
|
|
<input id="tabMapRect-map.lock.enable" type="checkbox" class="bind"
|
|
name="map.lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.src">图片</label>
|
|
<input id="tabMapRect-map.image.src" type="text" class="bind" name="map.image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.enable">是否启用</label>
|
|
<input id="tabMapRect-map.image.enable" type="checkbox" class="bind"
|
|
name="map.image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.globalAlpha">图片透明</label>
|
|
<input id="tabMapRect-map.image.globalAlpha" type="number" class="bind"
|
|
name="map.image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.origin">原始尺寸</label>
|
|
<input id="tabMapRect-map.image.origin" type="checkbox" class="bind"
|
|
name="map.image.origin" />原始尺寸
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.manual">手动尺寸</label>
|
|
<input id="tabMapRect-map.image.manual" type="checkbox" class="bind"
|
|
name="map.image.manual" />手动尺寸
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.manualPoint.x">坐标 [ X ]</label>
|
|
<input id="tabMapRect-map.image.manualPoint.x" type="number" class="bind"
|
|
name="map.image.manualPoint.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.manualPoint.y">坐标 [ Y ]</label>
|
|
<input id="tabMapRect-map.image.manualPoint.y" type="number" class="bind"
|
|
name="map.image.manualPoint.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.manualSize.w">宽度</label>
|
|
<input id="tabMapRect-map.image.manualSize.w" type="number" class="bind"
|
|
name="map.image.manualSize.w" min="10" max="9999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabMapRect-map.image.manualSize.h">高度</label>
|
|
<input id="tabMapRect-map.image.manualSize.h" type="number" class="bind"
|
|
name="map.image.manualSize.h" min="10" max="9999999" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabMapRect-extends">扩展</label>
|
|
<button id="tabMapRect-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabNodeRect">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabNodeRect-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabNodeRect-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabNodeRect-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-index">层级</label>
|
|
<input id="tabNodeRect-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.size.w">宽度</label>
|
|
<input id="tabNodeRect-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.size.h">高度</label>
|
|
<input id="tabNodeRect-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.rotate">角度</label>
|
|
<input id="tabNodeRect-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.globalAlpha">透明度</label>
|
|
<input id="tabNodeRect-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.lineWidth">边框宽度</label>
|
|
<input id="tabNodeRect-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.strokeStyle">边框颜色</label>
|
|
<input id="tabNodeRect-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.fillStyle">填充颜色</label>
|
|
<input id="tabNodeRect-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-base.enable">是否启用</label>
|
|
<input id="tabNodeRect-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-lock.enable">是否启用</label>
|
|
<input id="tabNodeRect-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.enable">是否启用</label>
|
|
<input id="tabNodeRect-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.fixed">是否启用</label>
|
|
<input id="tabNodeRect-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.text">编码文本</label>
|
|
<input id="tabNodeRect-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.font">编码字体</label>
|
|
<input id="tabNodeRect-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.fillStyle">编码颜色</label>
|
|
<input id="tabNodeRect-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-code.globalAlpha">编码透明</label>
|
|
<input id="tabNodeRect-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.enable">是否启用</label>
|
|
<input id="tabNodeRect-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.fixed">是否启用</label>
|
|
<input id="tabNodeRect-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.text">名称文本</label>
|
|
<input id="tabNodeRect-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.font">名称字体</label>
|
|
<input id="tabNodeRect-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.fillStyle">名称颜色</label>
|
|
<input id="tabNodeRect-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-name.globalAlpha">名称透明</label>
|
|
<input id="tabNodeRect-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-image.src">图片</label>
|
|
<input id="tabNodeRect-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-image.enable">是否启用</label>
|
|
<input id="tabNodeRect-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-image.globalAlpha">图片透明</label>
|
|
<input id="tabNodeRect-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabNodeRect-data.nodeDescription">节点描述</label>
|
|
<textarea id="tabNodeRect-data.nodeDescription" rows="3" class="bind"
|
|
name="data.nodeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-data.released">是否启用</label>
|
|
<input id="tabNodeRect-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-data.nodePosition">节点位置</label>
|
|
<button id="tabNodeRect-data.nodePosition" type="button" class="bind"
|
|
name="data.nodePosition">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeRect-data.actions">动作</label>
|
|
<button id="tabNodeRect-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabNodeRect-extends">扩展</label>
|
|
<button id="tabNodeRect-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabNodeEllipse">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabNodeEllipse-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabNodeEllipse-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-index">层级</label>
|
|
<input id="tabNodeEllipse-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.size.w">宽度</label>
|
|
<input id="tabNodeEllipse-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.size.h">高度</label>
|
|
<input id="tabNodeEllipse-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.rotate">角度</label>
|
|
<input id="tabNodeEllipse-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.globalAlpha">透明度</label>
|
|
<input id="tabNodeEllipse-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.lineWidth">边框宽度</label>
|
|
<input id="tabNodeEllipse-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.strokeStyle">边框颜色</label>
|
|
<input id="tabNodeEllipse-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.fillStyle">填充颜色</label>
|
|
<input id="tabNodeEllipse-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-base.enable">是否启用</label>
|
|
<input id="tabNodeEllipse-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-lock.enable">是否启用</label>
|
|
<input id="tabNodeEllipse-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.enable">是否启用</label>
|
|
<input id="tabNodeEllipse-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.fixed">是否启用</label>
|
|
<input id="tabNodeEllipse-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.text">编码文本</label>
|
|
<input id="tabNodeEllipse-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.font">编码字体</label>
|
|
<input id="tabNodeEllipse-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.fillStyle">编码颜色</label>
|
|
<input id="tabNodeEllipse-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-code.globalAlpha">编码透明</label>
|
|
<input id="tabNodeEllipse-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.enable">是否启用</label>
|
|
<input id="tabNodeEllipse-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.fixed">是否启用</label>
|
|
<input id="tabNodeEllipse-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.text">名称文本</label>
|
|
<input id="tabNodeEllipse-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.font">名称字体</label>
|
|
<input id="tabNodeEllipse-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.fillStyle">名称颜色</label>
|
|
<input id="tabNodeEllipse-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-name.globalAlpha">名称透明</label>
|
|
<input id="tabNodeEllipse-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-image.src">图片</label>
|
|
<input id="tabNodeEllipse-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-image.enable">是否启用</label>
|
|
<input id="tabNodeEllipse-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-image.globalAlpha">图片透明</label>
|
|
<input id="tabNodeEllipse-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabNodeEllipse-data.nodeDescription">节点描述</label>
|
|
<textarea id="tabNodeEllipse-data.nodeDescription" rows="3" class="bind"
|
|
name="data.nodeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-data.released">是否启用</label>
|
|
<input id="tabNodeEllipse-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-data.nodePosition">节点位置</label>
|
|
<button id="tabNodeEllipse-data.nodePosition" type="button" class="bind"
|
|
name="data.nodePosition">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodeEllipse-data.actions">动作</label>
|
|
<button id="tabNodeEllipse-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabNodeEllipse-extends">扩展</label>
|
|
<button id="tabNodeEllipse-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabNodePoly">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabNodePoly-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabNodePoly-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabNodePoly-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-index">层级</label>
|
|
<input id="tabNodePoly-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.size.w">宽度</label>
|
|
<input id="tabNodePoly-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.size.h">高度</label>
|
|
<input id="tabNodePoly-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.rotate">角度</label>
|
|
<input id="tabNodePoly-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.globalAlpha">透明度</label>
|
|
<input id="tabNodePoly-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.lineWidth">边框宽度</label>
|
|
<input id="tabNodePoly-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.strokeStyle">边框颜色</label>
|
|
<input id="tabNodePoly-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.fillStyle">填充颜色</label>
|
|
<input id="tabNodePoly-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-base.enable">是否启用</label>
|
|
<input id="tabNodePoly-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-lock.enable">是否启用</label>
|
|
<input id="tabNodePoly-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.enable">是否启用</label>
|
|
<input id="tabNodePoly-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.fixed">是否启用</label>
|
|
<input id="tabNodePoly-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.text">编码文本</label>
|
|
<input id="tabNodePoly-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.font">编码字体</label>
|
|
<input id="tabNodePoly-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.fillStyle">编码颜色</label>
|
|
<input id="tabNodePoly-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-code.globalAlpha">编码透明</label>
|
|
<input id="tabNodePoly-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.enable">是否启用</label>
|
|
<input id="tabNodePoly-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.fixed">是否启用</label>
|
|
<input id="tabNodePoly-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.text">名称文本</label>
|
|
<input id="tabNodePoly-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.font">名称字体</label>
|
|
<input id="tabNodePoly-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.fillStyle">名称颜色</label>
|
|
<input id="tabNodePoly-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-name.globalAlpha">名称透明</label>
|
|
<input id="tabNodePoly-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-image.src">图片</label>
|
|
<input id="tabNodePoly-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-image.enable">是否启用</label>
|
|
<input id="tabNodePoly-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-image.globalAlpha">图片透明</label>
|
|
<input id="tabNodePoly-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabNodePoly-data.nodeDescription">节点描述</label>
|
|
<textarea id="tabNodePoly-data.nodeDescription" rows="3" class="bind"
|
|
name="data.nodeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-data.released">是否启用</label>
|
|
<input id="tabNodePoly-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-data.nodePosition">节点位置</label>
|
|
<button id="tabNodePoly-data.nodePosition" type="button" class="bind"
|
|
name="data.nodePosition">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePoly-data.actions">动作</label>
|
|
<button id="tabNodePoly-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabNodePoly-extends">扩展</label>
|
|
<button id="tabNodePoly-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabNodePath">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabNodePath-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabNodePath-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabNodePath-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-index">层级</label>
|
|
<input id="tabNodePath-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.size.w">宽度</label>
|
|
<input id="tabNodePath-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.size.h">高度</label>
|
|
<input id="tabNodePath-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.rotate">角度</label>
|
|
<input id="tabNodePath-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.globalAlpha">透明度</label>
|
|
<input id="tabNodePath-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.lineWidth">边框宽度</label>
|
|
<input id="tabNodePath-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.strokeStyle">边框颜色</label>
|
|
<input id="tabNodePath-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.fillStyle">填充颜色</label>
|
|
<input id="tabNodePath-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-base.enable">是否启用</label>
|
|
<input id="tabNodePath-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-lock.enable">是否启用</label>
|
|
<input id="tabNodePath-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.enable">是否启用</label>
|
|
<input id="tabNodePath-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.fixed">是否启用</label>
|
|
<input id="tabNodePath-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.text">编码文本</label>
|
|
<input id="tabNodePath-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.font">编码字体</label>
|
|
<input id="tabNodePath-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.fillStyle">编码颜色</label>
|
|
<input id="tabNodePath-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-code.globalAlpha">编码透明</label>
|
|
<input id="tabNodePath-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.enable">是否启用</label>
|
|
<input id="tabNodePath-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.fixed">是否启用</label>
|
|
<input id="tabNodePath-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.text">名称文本</label>
|
|
<input id="tabNodePath-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.font">名称字体</label>
|
|
<input id="tabNodePath-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.fillStyle">名称颜色</label>
|
|
<input id="tabNodePath-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-name.globalAlpha">名称透明</label>
|
|
<input id="tabNodePath-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-image.src">图片</label>
|
|
<input id="tabNodePath-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-image.enable">是否启用</label>
|
|
<input id="tabNodePath-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-image.globalAlpha">图片透明</label>
|
|
<input id="tabNodePath-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabNodePath-data.nodeDescription">节点描述</label>
|
|
<textarea id="tabNodePath-data.nodeDescription" rows="3" class="bind"
|
|
name="data.nodeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-data.released">是否启用</label>
|
|
<input id="tabNodePath-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-data.nodePosition">节点位置</label>
|
|
<button id="tabNodePath-data.nodePosition" type="button" class="bind"
|
|
name="data.nodePosition">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabNodePath-data.actions">动作</label>
|
|
<button id="tabNodePath-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabNodePath-extends">扩展</label>
|
|
<button id="tabNodePath-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabEdgeBeeline">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabEdgeBeeline-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabEdgeBeeline-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.size.w">宽度</label>
|
|
<input id="tabEdgeBeeline-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.size.h">高度</label>
|
|
<input id="tabEdgeBeeline-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.globalAlpha">透明度</label>
|
|
<input id="tabEdgeBeeline-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.lineWidth">边框宽度</label>
|
|
<input id="tabEdgeBeeline-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.strokeStyle">边框颜色</label>
|
|
<input id="tabEdgeBeeline-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.fillStyle">填充颜色</label>
|
|
<input id="tabEdgeBeeline-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.enable">是否启用</label>
|
|
<input id="tabEdgeBeeline-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-lock.enable">是否启用</label>
|
|
<input id="tabEdgeBeeline-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.enable">是否启用</label>
|
|
<input id="tabEdgeBeeline-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.fixed">是否启用</label>
|
|
<input id="tabEdgeBeeline-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.text">编码文本</label>
|
|
<input id="tabEdgeBeeline-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.font">编码字体</label>
|
|
<input id="tabEdgeBeeline-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.fillStyle">编码颜色</label>
|
|
<input id="tabEdgeBeeline-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-code.globalAlpha">编码透明</label>
|
|
<input id="tabEdgeBeeline-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.enable">是否启用</label>
|
|
<input id="tabEdgeBeeline-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.fixed">是否启用</label>
|
|
<input id="tabEdgeBeeline-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.text">名称文本</label>
|
|
<input id="tabEdgeBeeline-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.font">名称字体</label>
|
|
<input id="tabEdgeBeeline-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.fillStyle">名称颜色</label>
|
|
<input id="tabEdgeBeeline-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-name.globalAlpha">名称透明</label>
|
|
<input id="tabEdgeBeeline-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.isOneway">是否启用</label>
|
|
<input id="tabEdgeBeeline-base.isOneway" type="checkbox" class="bind"
|
|
name="base.isOneway" />单行线
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-base.width">路线宽度</label>
|
|
<input id="tabEdgeBeeline-base.width" type="number" class="bind" name="base.width"
|
|
min="0" max="999999" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.edgeDescription">路线描述</label>
|
|
<textarea id="tabEdgeBeeline-data.edgeDescription" rows="3" class="bind"
|
|
name="data.edgeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.released">是否启用</label>
|
|
<input id="tabEdgeBeeline-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.maxSpeed">最大速度</label>
|
|
<input id="tabEdgeBeeline-data.maxSpeed" type="number" class="bind"
|
|
name="data.maxSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.maxHeight">最大高度</label>
|
|
<input id="tabEdgeBeeline-data.maxHeight" type="number" class="bind"
|
|
name="data.maxHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.minHeight">最小高度</label>
|
|
<input id="tabEdgeBeeline-data.minHeight" type="number" class="bind"
|
|
name="data.minHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.orientation">路线方向</label>
|
|
<input id="tabEdgeBeeline-data.orientation" type="number" class="bind"
|
|
name="data.orientation" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.orientationType">方向类型</label>
|
|
<select id="tabEdgeBeeline-data.orientationType" class="bind"
|
|
name="data.orientationType">
|
|
<option value="TANGENTIAL">切线</option>
|
|
<option value="GLOBAL">全局</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.direction">交叉方向</label>
|
|
<input id="tabEdgeBeeline-data.direction" type="text" class="bind"
|
|
name="data.direction" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.rotationAllowed">是否启用</label>
|
|
<input id="tabEdgeBeeline-data.rotationAllowed" type="checkbox" class="bind"
|
|
name="data.rotationAllowed" />旋转
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.maxRotationSpeed">最大转向</label>
|
|
<input id="tabEdgeBeeline-data.maxRotationSpeed" type="number" class="bind"
|
|
name="data.maxRotationSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.length">路线长度</label>
|
|
<input id="tabEdgeBeeline-data.length" type="number" class="bind" name="data.length"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.trajectory">路线轨迹</label>
|
|
<button id="tabEdgeBeeline-data.trajectory" type="button" class="bind"
|
|
name="data.trajectory">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBeeline-data.actions">动作</label>
|
|
<button id="tabEdgeBeeline-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabEdgeBeeline-extends">扩展</label>
|
|
<button id="tabEdgeBeeline-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabEdgeArc">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabEdgeArc-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabEdgeArc-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabEdgeArc-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.size.w">宽度</label>
|
|
<input id="tabEdgeArc-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.size.h">高度</label>
|
|
<input id="tabEdgeArc-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.globalAlpha">透明度</label>
|
|
<input id="tabEdgeArc-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.lineWidth">边框宽度</label>
|
|
<input id="tabEdgeArc-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.strokeStyle">边框颜色</label>
|
|
<input id="tabEdgeArc-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.fillStyle">填充颜色</label>
|
|
<input id="tabEdgeArc-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.enable">是否启用</label>
|
|
<input id="tabEdgeArc-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-lock.enable">是否启用</label>
|
|
<input id="tabEdgeArc-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.enable">是否启用</label>
|
|
<input id="tabEdgeArc-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.fixed">是否启用</label>
|
|
<input id="tabEdgeArc-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.text">编码文本</label>
|
|
<input id="tabEdgeArc-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.font">编码字体</label>
|
|
<input id="tabEdgeArc-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.fillStyle">编码颜色</label>
|
|
<input id="tabEdgeArc-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-code.globalAlpha">编码透明</label>
|
|
<input id="tabEdgeArc-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.enable">是否启用</label>
|
|
<input id="tabEdgeArc-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.fixed">是否启用</label>
|
|
<input id="tabEdgeArc-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.text">名称文本</label>
|
|
<input id="tabEdgeArc-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.font">名称字体</label>
|
|
<input id="tabEdgeArc-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.fillStyle">名称颜色</label>
|
|
<input id="tabEdgeArc-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-name.globalAlpha">名称透明</label>
|
|
<input id="tabEdgeArc-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.isOneway">是否启用</label>
|
|
<input id="tabEdgeArc-base.isOneway" type="checkbox" class="bind"
|
|
name="base.isOneway" />单行线
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.width">路线宽度</label>
|
|
<input id="tabEdgeArc-base.width" type="number" class="bind" name="base.width"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.p1.x">控制1(X)</label>
|
|
<input id="tabEdgeArc-base.p1.x" type="number" class="bind" name="base.p1.x" min="0"
|
|
max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-base.p1.y">控制1(Y)</label>
|
|
<input id="tabEdgeArc-base.p1.y" type="number" class="bind" name="base.p1.y" min="0"
|
|
max="999999" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabEdgeArc-data.edgeDescription">路线描述</label>
|
|
<textarea id="tabEdgeArc-data.edgeDescription" rows="3" class="bind"
|
|
name="data.edgeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.released">是否启用</label>
|
|
<input id="tabEdgeArc-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.maxSpeed">最大速度</label>
|
|
<input id="tabEdgeArc-data.maxSpeed" type="number" class="bind" name="data.maxSpeed"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.maxHeight">最大高度</label>
|
|
<input id="tabEdgeArc-data.maxHeight" type="number" class="bind"
|
|
name="data.maxHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.minHeight">最小高度</label>
|
|
<input id="tabEdgeArc-data.minHeight" type="number" class="bind"
|
|
name="data.minHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.orientation">路线方向</label>
|
|
<input id="tabEdgeArc-data.orientation" type="number" class="bind"
|
|
name="data.orientation" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.orientationType">方向类型</label>
|
|
<select id="tabEdgeArc-data.orientationType" class="bind"
|
|
name="data.orientationType">
|
|
<option value="TANGENTIAL">切线</option>
|
|
<option value="GLOBAL">全局</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.direction">交叉方向</label>
|
|
<input id="tabEdgeArc-data.direction" type="text" class="bind" name="data.direction"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.rotationAllowed">是否启用</label>
|
|
<input id="tabEdgeArc-data.rotationAllowed" type="checkbox" class="bind"
|
|
name="data.rotationAllowed" />旋转
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.maxRotationSpeed">最大转向</label>
|
|
<input id="tabEdgeArc-data.maxRotationSpeed" type="number" class="bind"
|
|
name="data.maxRotationSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.length">路线长度</label>
|
|
<input id="tabEdgeArc-data.length" type="number" class="bind" name="data.length"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.trajectory">路线轨迹</label>
|
|
<button id="tabEdgeArc-data.trajectory" type="button" class="bind"
|
|
name="data.trajectory">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeArc-data.actions">动作</label>
|
|
<button id="tabEdgeArc-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabEdgeArc-extends">扩展</label>
|
|
<button id="tabEdgeArc-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabEdgeQuadratic">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabEdgeQuadratic-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabEdgeQuadratic-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.size.w">宽度</label>
|
|
<input id="tabEdgeQuadratic-base.size.w" type="number" class="bind"
|
|
name="base.size.w" min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.size.h">高度</label>
|
|
<input id="tabEdgeQuadratic-base.size.h" type="number" class="bind"
|
|
name="base.size.h" min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.globalAlpha">透明度</label>
|
|
<input id="tabEdgeQuadratic-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.lineWidth">边框宽度</label>
|
|
<input id="tabEdgeQuadratic-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.strokeStyle">边框颜色</label>
|
|
<input id="tabEdgeQuadratic-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.fillStyle">填充颜色</label>
|
|
<input id="tabEdgeQuadratic-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.enable">是否启用</label>
|
|
<input id="tabEdgeQuadratic-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-lock.enable">是否启用</label>
|
|
<input id="tabEdgeQuadratic-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.enable">是否启用</label>
|
|
<input id="tabEdgeQuadratic-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.fixed">是否启用</label>
|
|
<input id="tabEdgeQuadratic-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.text">编码文本</label>
|
|
<input id="tabEdgeQuadratic-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.font">编码字体</label>
|
|
<input id="tabEdgeQuadratic-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.fillStyle">编码颜色</label>
|
|
<input id="tabEdgeQuadratic-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-code.globalAlpha">编码透明</label>
|
|
<input id="tabEdgeQuadratic-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.enable">是否启用</label>
|
|
<input id="tabEdgeQuadratic-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.fixed">是否启用</label>
|
|
<input id="tabEdgeQuadratic-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.text">名称文本</label>
|
|
<input id="tabEdgeQuadratic-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.font">名称字体</label>
|
|
<input id="tabEdgeQuadratic-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.fillStyle">名称颜色</label>
|
|
<input id="tabEdgeQuadratic-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-name.globalAlpha">名称透明</label>
|
|
<input id="tabEdgeQuadratic-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.isOneway">是否启用</label>
|
|
<input id="tabEdgeQuadratic-base.isOneway" type="checkbox" class="bind"
|
|
name="base.isOneway" />单行线
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.width">路线宽度</label>
|
|
<input id="tabEdgeQuadratic-base.width" type="number" class="bind" name="base.width"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.p1.x">控制1(X)</label>
|
|
<input id="tabEdgeQuadratic-base.p1.x" type="number" class="bind" name="base.p1.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-base.p1.y">控制1(Y)</label>
|
|
<input id="tabEdgeQuadratic-base.p1.y" type="number" class="bind" name="base.p1.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.edgeDescription">路线描述</label>
|
|
<textarea id="tabEdgeQuadratic-data.edgeDescription" rows="3" class="bind"
|
|
name="data.edgeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.released">是否启用</label>
|
|
<input id="tabEdgeQuadratic-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.maxSpeed">最大速度</label>
|
|
<input id="tabEdgeQuadratic-data.maxSpeed" type="number" class="bind"
|
|
name="data.maxSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.maxHeight">最大高度</label>
|
|
<input id="tabEdgeQuadratic-data.maxHeight" type="number" class="bind"
|
|
name="data.maxHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.minHeight">最小高度</label>
|
|
<input id="tabEdgeQuadratic-data.minHeight" type="number" class="bind"
|
|
name="data.minHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.orientation">路线方向</label>
|
|
<input id="tabEdgeQuadratic-data.orientation" type="number" class="bind"
|
|
name="data.orientation" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.orientationType">方向类型</label>
|
|
<select id="tabEdgeQuadratic-data.orientationType" class="bind"
|
|
name="data.orientationType">
|
|
<option value="TANGENTIAL">切线</option>
|
|
<option value="GLOBAL">全局</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.direction">交叉方向</label>
|
|
<input id="tabEdgeQuadratic-data.direction" type="text" class="bind"
|
|
name="data.direction" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.rotationAllowed">是否启用</label>
|
|
<input id="tabEdgeQuadratic-data.rotationAllowed" type="checkbox" class="bind"
|
|
name="data.rotationAllowed" />旋转
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.maxRotationSpeed">最大转向</label>
|
|
<input id="tabEdgeQuadratic-data.maxRotationSpeed" type="number" class="bind"
|
|
name="data.maxRotationSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.length">路线长度</label>
|
|
<input id="tabEdgeQuadratic-data.length" type="number" class="bind"
|
|
name="data.length" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.trajectory">路线轨迹</label>
|
|
<button id="tabEdgeQuadratic-data.trajectory" type="button" class="bind"
|
|
name="data.trajectory">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-data.actions">动作</label>
|
|
<button id="tabEdgeQuadratic-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabEdgeQuadratic-extends">扩展</label>
|
|
<button id="tabEdgeQuadratic-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabEdgeBezier">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabEdgeBezier-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabEdgeBezier-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.size.w">宽度</label>
|
|
<input id="tabEdgeBezier-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.size.h">高度</label>
|
|
<input id="tabEdgeBezier-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.globalAlpha">透明度</label>
|
|
<input id="tabEdgeBezier-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.lineWidth">边框宽度</label>
|
|
<input id="tabEdgeBezier-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.strokeStyle">边框颜色</label>
|
|
<input id="tabEdgeBezier-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.fillStyle">填充颜色</label>
|
|
<input id="tabEdgeBezier-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.enable">是否启用</label>
|
|
<input id="tabEdgeBezier-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-lock.enable">是否启用</label>
|
|
<input id="tabEdgeBezier-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.enable">是否启用</label>
|
|
<input id="tabEdgeBezier-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.fixed">是否启用</label>
|
|
<input id="tabEdgeBezier-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.text">编码文本</label>
|
|
<input id="tabEdgeBezier-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.font">编码字体</label>
|
|
<input id="tabEdgeBezier-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.fillStyle">编码颜色</label>
|
|
<input id="tabEdgeBezier-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-code.globalAlpha">编码透明</label>
|
|
<input id="tabEdgeBezier-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.enable">是否启用</label>
|
|
<input id="tabEdgeBezier-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.fixed">是否启用</label>
|
|
<input id="tabEdgeBezier-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.text">名称文本</label>
|
|
<input id="tabEdgeBezier-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.font">名称字体</label>
|
|
<input id="tabEdgeBezier-name.font" type="text" class="bind" name="name.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.fillStyle">名称颜色</label>
|
|
<input id="tabEdgeBezier-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-name.globalAlpha">名称透明</label>
|
|
<input id="tabEdgeBezier-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.isOneway">是否启用</label>
|
|
<input id="tabEdgeBezier-base.isOneway" type="checkbox" class="bind"
|
|
name="base.isOneway" />单行线
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.width">路线宽度</label>
|
|
<input id="tabEdgeBezier-base.width" type="number" class="bind" name="base.width"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.p1.x">控制1(X)</label>
|
|
<input id="tabEdgeBezier-base.p1.x" type="number" class="bind" name="base.p1.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.p1.y">控制1(Y)</label>
|
|
<input id="tabEdgeBezier-base.p1.y" type="number" class="bind" name="base.p1.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.p2.x">控制2(X)</label>
|
|
<input id="tabEdgeBezier-base.p2.x" type="number" class="bind" name="base.p2.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-base.p2.y">控制2(Y)</label>
|
|
<input id="tabEdgeBezier-base.p2.y" type="number" class="bind" name="base.p2.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.edgeDescription">路线描述</label>
|
|
<textarea id="tabEdgeBezier-data.edgeDescription" rows="3" class="bind"
|
|
name="data.edgeDescription" maxlength="999999"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.released">是否启用</label>
|
|
<input id="tabEdgeBezier-data.released" type="checkbox" class="bind"
|
|
name="data.released" />释放
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.maxSpeed">最大速度</label>
|
|
<input id="tabEdgeBezier-data.maxSpeed" type="number" class="bind"
|
|
name="data.maxSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.maxHeight">最大高度</label>
|
|
<input id="tabEdgeBezier-data.maxHeight" type="number" class="bind"
|
|
name="data.maxHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.minHeight">最小高度</label>
|
|
<input id="tabEdgeBezier-data.minHeight" type="number" class="bind"
|
|
name="data.minHeight" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.orientation">路线方向</label>
|
|
<input id="tabEdgeBezier-data.orientation" type="number" class="bind"
|
|
name="data.orientation" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.orientationType">方向类型</label>
|
|
<select id="tabEdgeBezier-data.orientationType" class="bind"
|
|
name="data.orientationType">
|
|
<option value="TANGENTIAL">切线</option>
|
|
<option value="GLOBAL">全局</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.direction">交叉方向</label>
|
|
<input id="tabEdgeBezier-data.direction" type="text" class="bind"
|
|
name="data.direction" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.rotationAllowed">是否启用</label>
|
|
<input id="tabEdgeBezier-data.rotationAllowed" type="checkbox" class="bind"
|
|
name="data.rotationAllowed" />旋转
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.maxRotationSpeed">最大转向</label>
|
|
<input id="tabEdgeBezier-data.maxRotationSpeed" type="number" class="bind"
|
|
name="data.maxRotationSpeed" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.length">路线长度</label>
|
|
<input id="tabEdgeBezier-data.length" type="number" class="bind" name="data.length"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.trajectory">路线轨迹</label>
|
|
<button id="tabEdgeBezier-data.trajectory" type="button" class="bind"
|
|
name="data.trajectory">...</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabEdgeBezier-data.actions">动作</label>
|
|
<button id="tabEdgeBezier-data.actions" type="button" class="bind"
|
|
name="data.actions">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabEdgeBezier-extends">扩展</label>
|
|
<button id="tabEdgeBezier-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabZoneRect">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabZoneRect-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabZoneRect-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabZoneRect-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-index">层级</label>
|
|
<input id="tabZoneRect-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.size.w">宽度</label>
|
|
<input id="tabZoneRect-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.size.h">高度</label>
|
|
<input id="tabZoneRect-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.rotate">角度</label>
|
|
<input id="tabZoneRect-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.globalAlpha">透明度</label>
|
|
<input id="tabZoneRect-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.lineWidth">边框宽度</label>
|
|
<input id="tabZoneRect-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.strokeStyle">边框颜色</label>
|
|
<input id="tabZoneRect-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.fillStyle">填充颜色</label>
|
|
<input id="tabZoneRect-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-base.enable">是否启用</label>
|
|
<input id="tabZoneRect-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-lock.enable">是否启用</label>
|
|
<input id="tabZoneRect-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.enable">是否启用</label>
|
|
<input id="tabZoneRect-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.fixed">是否启用</label>
|
|
<input id="tabZoneRect-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.text">编码文本</label>
|
|
<input id="tabZoneRect-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.font">编码字体</label>
|
|
<input id="tabZoneRect-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.fillStyle">编码颜色</label>
|
|
<input id="tabZoneRect-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-code.globalAlpha">编码透明</label>
|
|
<input id="tabZoneRect-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.enable">是否启用</label>
|
|
<input id="tabZoneRect-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.fixed">是否启用</label>
|
|
<input id="tabZoneRect-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.text">名称文本</label>
|
|
<input id="tabZoneRect-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.font">名称字体</label>
|
|
<input id="tabZoneRect-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.fillStyle">名称颜色</label>
|
|
<input id="tabZoneRect-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-name.globalAlpha">名称透明</label>
|
|
<input id="tabZoneRect-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-image.src">图片</label>
|
|
<input id="tabZoneRect-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-image.enable">是否启用</label>
|
|
<input id="tabZoneRect-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-image.globalAlpha">图片透明</label>
|
|
<input id="tabZoneRect-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabZoneRect-data.maxCar">最多车辆</label>
|
|
<input id="tabZoneRect-data.maxCar" type="number" class="bind" name="data.maxCar"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneRect-data.nodeIds">节点列表</label>
|
|
<div class="dialog-inline">
|
|
<button id="tabZoneRect-data.nodeIds" type="button" class="bind"
|
|
name="data.nodeIds" data-count-target="tabZoneRect-nodeCount">...</button>
|
|
<span class="dialog-meta" id="tabZoneRect-nodeCount">0 项</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabZoneRect-extends">扩展</label>
|
|
<button id="tabZoneRect-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabZoneEllipse">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabZoneEllipse-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabZoneEllipse-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-index">层级</label>
|
|
<input id="tabZoneEllipse-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.size.w">宽度</label>
|
|
<input id="tabZoneEllipse-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.size.h">高度</label>
|
|
<input id="tabZoneEllipse-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.rotate">角度</label>
|
|
<input id="tabZoneEllipse-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.globalAlpha">透明度</label>
|
|
<input id="tabZoneEllipse-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.lineWidth">边框宽度</label>
|
|
<input id="tabZoneEllipse-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.strokeStyle">边框颜色</label>
|
|
<input id="tabZoneEllipse-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.fillStyle">填充颜色</label>
|
|
<input id="tabZoneEllipse-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-base.enable">是否启用</label>
|
|
<input id="tabZoneEllipse-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-lock.enable">是否启用</label>
|
|
<input id="tabZoneEllipse-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.enable">是否启用</label>
|
|
<input id="tabZoneEllipse-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.fixed">是否启用</label>
|
|
<input id="tabZoneEllipse-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.text">编码文本</label>
|
|
<input id="tabZoneEllipse-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.font">编码字体</label>
|
|
<input id="tabZoneEllipse-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.fillStyle">编码颜色</label>
|
|
<input id="tabZoneEllipse-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-code.globalAlpha">编码透明</label>
|
|
<input id="tabZoneEllipse-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.enable">是否启用</label>
|
|
<input id="tabZoneEllipse-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.fixed">是否启用</label>
|
|
<input id="tabZoneEllipse-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.text">名称文本</label>
|
|
<input id="tabZoneEllipse-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.font">名称字体</label>
|
|
<input id="tabZoneEllipse-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.fillStyle">名称颜色</label>
|
|
<input id="tabZoneEllipse-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-name.globalAlpha">名称透明</label>
|
|
<input id="tabZoneEllipse-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-image.src">图片</label>
|
|
<input id="tabZoneEllipse-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-image.enable">是否启用</label>
|
|
<input id="tabZoneEllipse-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-image.globalAlpha">图片透明</label>
|
|
<input id="tabZoneEllipse-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabZoneEllipse-data.maxCar">最多车辆</label>
|
|
<input id="tabZoneEllipse-data.maxCar" type="number" class="bind" name="data.maxCar"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZoneEllipse-data.nodeIds">节点列表</label>
|
|
<div class="dialog-inline">
|
|
<button id="tabZoneEllipse-data.nodeIds" type="button" class="bind"
|
|
name="data.nodeIds"
|
|
data-count-target="tabZoneEllipse-nodeCount">...</button>
|
|
<span class="dialog-meta" id="tabZoneEllipse-nodeCount">0 项</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabZoneEllipse-extends">扩展</label>
|
|
<button id="tabZoneEllipse-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabZonePoly">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabZonePoly-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabZonePoly-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabZonePoly-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-index">层级</label>
|
|
<input id="tabZonePoly-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.size.w">宽度</label>
|
|
<input id="tabZonePoly-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.size.h">高度</label>
|
|
<input id="tabZonePoly-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.rotate">角度</label>
|
|
<input id="tabZonePoly-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.globalAlpha">透明度</label>
|
|
<input id="tabZonePoly-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.lineWidth">边框宽度</label>
|
|
<input id="tabZonePoly-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.strokeStyle">边框颜色</label>
|
|
<input id="tabZonePoly-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.fillStyle">填充颜色</label>
|
|
<input id="tabZonePoly-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-base.enable">是否启用</label>
|
|
<input id="tabZonePoly-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-lock.enable">是否启用</label>
|
|
<input id="tabZonePoly-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.enable">是否启用</label>
|
|
<input id="tabZonePoly-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.fixed">是否启用</label>
|
|
<input id="tabZonePoly-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.text">编码文本</label>
|
|
<input id="tabZonePoly-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.font">编码字体</label>
|
|
<input id="tabZonePoly-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.fillStyle">编码颜色</label>
|
|
<input id="tabZonePoly-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-code.globalAlpha">编码透明</label>
|
|
<input id="tabZonePoly-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.enable">是否启用</label>
|
|
<input id="tabZonePoly-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.fixed">是否启用</label>
|
|
<input id="tabZonePoly-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.text">名称文本</label>
|
|
<input id="tabZonePoly-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.font">名称字体</label>
|
|
<input id="tabZonePoly-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.fillStyle">名称颜色</label>
|
|
<input id="tabZonePoly-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-name.globalAlpha">名称透明</label>
|
|
<input id="tabZonePoly-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-image.src">图片</label>
|
|
<input id="tabZonePoly-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-image.enable">是否启用</label>
|
|
<input id="tabZonePoly-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-image.globalAlpha">图片透明</label>
|
|
<input id="tabZonePoly-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabZonePoly-data.maxCar">最多车辆</label>
|
|
<input id="tabZonePoly-data.maxCar" type="number" class="bind" name="data.maxCar"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePoly-data.nodeIds">节点列表</label>
|
|
<div class="dialog-inline">
|
|
<button id="tabZonePoly-data.nodeIds" type="button" class="bind"
|
|
name="data.nodeIds" data-count-target="tabZonePoly-nodeCount">...</button>
|
|
<span class="dialog-meta" id="tabZonePoly-nodeCount">0 项</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabZonePoly-extends">扩展</label>
|
|
<button id="tabZonePoly-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabZonePath">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabZonePath-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabZonePath-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabZonePath-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-index">层级</label>
|
|
<input id="tabZonePath-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.size.w">宽度</label>
|
|
<input id="tabZonePath-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.size.h">高度</label>
|
|
<input id="tabZonePath-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.rotate">角度</label>
|
|
<input id="tabZonePath-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.globalAlpha">透明度</label>
|
|
<input id="tabZonePath-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.lineWidth">边框宽度</label>
|
|
<input id="tabZonePath-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.strokeStyle">边框颜色</label>
|
|
<input id="tabZonePath-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.fillStyle">填充颜色</label>
|
|
<input id="tabZonePath-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-base.enable">是否启用</label>
|
|
<input id="tabZonePath-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-lock.enable">是否启用</label>
|
|
<input id="tabZonePath-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.enable">是否启用</label>
|
|
<input id="tabZonePath-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.fixed">是否启用</label>
|
|
<input id="tabZonePath-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.text">编码文本</label>
|
|
<input id="tabZonePath-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.font">编码字体</label>
|
|
<input id="tabZonePath-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.fillStyle">编码颜色</label>
|
|
<input id="tabZonePath-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-code.globalAlpha">编码透明</label>
|
|
<input id="tabZonePath-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.enable">是否启用</label>
|
|
<input id="tabZonePath-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.fixed">是否启用</label>
|
|
<input id="tabZonePath-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.text">名称文本</label>
|
|
<input id="tabZonePath-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.font">名称字体</label>
|
|
<input id="tabZonePath-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.fillStyle">名称颜色</label>
|
|
<input id="tabZonePath-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-name.globalAlpha">名称透明</label>
|
|
<input id="tabZonePath-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-image.src">图片</label>
|
|
<input id="tabZonePath-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-image.enable">是否启用</label>
|
|
<input id="tabZonePath-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-image.globalAlpha">图片透明</label>
|
|
<input id="tabZonePath-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
<div>
|
|
<label for="tabZonePath-data.maxCar">最多车辆</label>
|
|
<input id="tabZonePath-data.maxCar" type="number" class="bind" name="data.maxCar"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabZonePath-data.nodeIds">节点列表</label>
|
|
<div class="dialog-inline">
|
|
<button id="tabZonePath-data.nodeIds" type="button" class="bind"
|
|
name="data.nodeIds" data-count-target="tabZonePath-nodeCount">...</button>
|
|
<span class="dialog-meta" id="tabZonePath-nodeCount">0 项</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabZonePath-extends">扩展</label>
|
|
<button id="tabZonePath-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabTagRect">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabTagRect-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabTagRect-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabTagRect-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-index">层级</label>
|
|
<input id="tabTagRect-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.size.w">宽度</label>
|
|
<input id="tabTagRect-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.size.h">高度</label>
|
|
<input id="tabTagRect-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.rotate">角度</label>
|
|
<input id="tabTagRect-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.globalAlpha">透明度</label>
|
|
<input id="tabTagRect-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.lineWidth">边框宽度</label>
|
|
<input id="tabTagRect-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.strokeStyle">边框颜色</label>
|
|
<input id="tabTagRect-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.fillStyle">填充颜色</label>
|
|
<input id="tabTagRect-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-base.enable">是否启用</label>
|
|
<input id="tabTagRect-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-lock.enable">是否启用</label>
|
|
<input id="tabTagRect-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.enable">是否启用</label>
|
|
<input id="tabTagRect-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.fixed">是否启用</label>
|
|
<input id="tabTagRect-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.text">编码文本</label>
|
|
<input id="tabTagRect-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.font">编码字体</label>
|
|
<input id="tabTagRect-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.fillStyle">编码颜色</label>
|
|
<input id="tabTagRect-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-code.globalAlpha">编码透明</label>
|
|
<input id="tabTagRect-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.enable">是否启用</label>
|
|
<input id="tabTagRect-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.fixed">是否启用</label>
|
|
<input id="tabTagRect-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.text">名称文本</label>
|
|
<input id="tabTagRect-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.font">名称字体</label>
|
|
<input id="tabTagRect-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.fillStyle">名称颜色</label>
|
|
<input id="tabTagRect-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-name.globalAlpha">名称透明</label>
|
|
<input id="tabTagRect-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-image.src">图片</label>
|
|
<input id="tabTagRect-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-image.enable">是否启用</label>
|
|
<input id="tabTagRect-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabTagRect-image.globalAlpha">图片透明</label>
|
|
<input id="tabTagRect-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabTagRect-extends">扩展</label>
|
|
<button id="tabTagRect-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabTagEllipse">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabTagEllipse-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabTagEllipse-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabTagEllipse-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-index">层级</label>
|
|
<input id="tabTagEllipse-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.size.w">宽度</label>
|
|
<input id="tabTagEllipse-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.size.h">高度</label>
|
|
<input id="tabTagEllipse-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.rotate">角度</label>
|
|
<input id="tabTagEllipse-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.globalAlpha">透明度</label>
|
|
<input id="tabTagEllipse-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.lineWidth">边框宽度</label>
|
|
<input id="tabTagEllipse-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.strokeStyle">边框颜色</label>
|
|
<input id="tabTagEllipse-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.fillStyle">填充颜色</label>
|
|
<input id="tabTagEllipse-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-base.enable">是否启用</label>
|
|
<input id="tabTagEllipse-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-lock.enable">是否启用</label>
|
|
<input id="tabTagEllipse-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.enable">是否启用</label>
|
|
<input id="tabTagEllipse-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.fixed">是否启用</label>
|
|
<input id="tabTagEllipse-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.text">编码文本</label>
|
|
<input id="tabTagEllipse-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.font">编码字体</label>
|
|
<input id="tabTagEllipse-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.fillStyle">编码颜色</label>
|
|
<input id="tabTagEllipse-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-code.globalAlpha">编码透明</label>
|
|
<input id="tabTagEllipse-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.enable">是否启用</label>
|
|
<input id="tabTagEllipse-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.fixed">是否启用</label>
|
|
<input id="tabTagEllipse-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.text">名称文本</label>
|
|
<input id="tabTagEllipse-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.font">名称字体</label>
|
|
<input id="tabTagEllipse-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.fillStyle">名称颜色</label>
|
|
<input id="tabTagEllipse-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-name.globalAlpha">名称透明</label>
|
|
<input id="tabTagEllipse-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-image.src">图片</label>
|
|
<input id="tabTagEllipse-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-image.enable">是否启用</label>
|
|
<input id="tabTagEllipse-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabTagEllipse-image.globalAlpha">图片透明</label>
|
|
<input id="tabTagEllipse-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabTagEllipse-extends">扩展</label>
|
|
<button id="tabTagEllipse-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabTagPoly">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabTagPoly-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabTagPoly-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabTagPoly-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-index">层级</label>
|
|
<input id="tabTagPoly-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.size.w">宽度</label>
|
|
<input id="tabTagPoly-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.size.h">高度</label>
|
|
<input id="tabTagPoly-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.rotate">角度</label>
|
|
<input id="tabTagPoly-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.globalAlpha">透明度</label>
|
|
<input id="tabTagPoly-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.lineWidth">边框宽度</label>
|
|
<input id="tabTagPoly-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.strokeStyle">边框颜色</label>
|
|
<input id="tabTagPoly-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.fillStyle">填充颜色</label>
|
|
<input id="tabTagPoly-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-base.enable">是否启用</label>
|
|
<input id="tabTagPoly-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-lock.enable">是否启用</label>
|
|
<input id="tabTagPoly-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.enable">是否启用</label>
|
|
<input id="tabTagPoly-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.fixed">是否启用</label>
|
|
<input id="tabTagPoly-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.text">编码文本</label>
|
|
<input id="tabTagPoly-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.font">编码字体</label>
|
|
<input id="tabTagPoly-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.fillStyle">编码颜色</label>
|
|
<input id="tabTagPoly-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-code.globalAlpha">编码透明</label>
|
|
<input id="tabTagPoly-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.enable">是否启用</label>
|
|
<input id="tabTagPoly-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.fixed">是否启用</label>
|
|
<input id="tabTagPoly-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.text">名称文本</label>
|
|
<input id="tabTagPoly-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.font">名称字体</label>
|
|
<input id="tabTagPoly-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.fillStyle">名称颜色</label>
|
|
<input id="tabTagPoly-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-name.globalAlpha">名称透明</label>
|
|
<input id="tabTagPoly-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-image.src">图片</label>
|
|
<input id="tabTagPoly-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-image.enable">是否启用</label>
|
|
<input id="tabTagPoly-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPoly-image.globalAlpha">图片透明</label>
|
|
<input id="tabTagPoly-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabTagPoly-extends">扩展</label>
|
|
<button id="tabTagPoly-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabTagPath">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabTagPath-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabTagPath-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabTagPath-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-index">层级</label>
|
|
<input id="tabTagPath-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.size.w">宽度</label>
|
|
<input id="tabTagPath-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.size.h">高度</label>
|
|
<input id="tabTagPath-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.rotate">角度</label>
|
|
<input id="tabTagPath-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.globalAlpha">透明度</label>
|
|
<input id="tabTagPath-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.lineWidth">边框宽度</label>
|
|
<input id="tabTagPath-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.strokeStyle">边框颜色</label>
|
|
<input id="tabTagPath-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.fillStyle">填充颜色</label>
|
|
<input id="tabTagPath-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-base.enable">是否启用</label>
|
|
<input id="tabTagPath-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-lock.enable">是否启用</label>
|
|
<input id="tabTagPath-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.enable">是否启用</label>
|
|
<input id="tabTagPath-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.fixed">是否启用</label>
|
|
<input id="tabTagPath-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.text">编码文本</label>
|
|
<input id="tabTagPath-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.font">编码字体</label>
|
|
<input id="tabTagPath-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.fillStyle">编码颜色</label>
|
|
<input id="tabTagPath-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-code.globalAlpha">编码透明</label>
|
|
<input id="tabTagPath-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.enable">是否启用</label>
|
|
<input id="tabTagPath-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.fixed">是否启用</label>
|
|
<input id="tabTagPath-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.text">名称文本</label>
|
|
<input id="tabTagPath-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.font">名称字体</label>
|
|
<input id="tabTagPath-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.fillStyle">名称颜色</label>
|
|
<input id="tabTagPath-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-name.globalAlpha">名称透明</label>
|
|
<input id="tabTagPath-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-image.src">图片</label>
|
|
<input id="tabTagPath-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-image.enable">是否启用</label>
|
|
<input id="tabTagPath-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabTagPath-image.globalAlpha">图片透明</label>
|
|
<input id="tabTagPath-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabTagPath-extends">扩展</label>
|
|
<button id="tabTagPath-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabCarForklift">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabCarForklift-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabCarForklift-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabCarForklift-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-index">层级</label>
|
|
<input id="tabCarForklift-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.size.w">宽度</label>
|
|
<input id="tabCarForklift-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.size.h">高度</label>
|
|
<input id="tabCarForklift-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.rotate">角度</label>
|
|
<input id="tabCarForklift-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.globalAlpha">透明度</label>
|
|
<input id="tabCarForklift-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.lineWidth">边框宽度</label>
|
|
<input id="tabCarForklift-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.strokeStyle">边框颜色</label>
|
|
<input id="tabCarForklift-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.fillStyle">填充颜色</label>
|
|
<input id="tabCarForklift-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-base.enable">是否启用</label>
|
|
<input id="tabCarForklift-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-lock.enable">是否启用</label>
|
|
<input id="tabCarForklift-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.enable">是否启用</label>
|
|
<input id="tabCarForklift-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.fixed">是否启用</label>
|
|
<input id="tabCarForklift-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.text">编码文本</label>
|
|
<input id="tabCarForklift-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.font">编码字体</label>
|
|
<input id="tabCarForklift-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.fillStyle">编码颜色</label>
|
|
<input id="tabCarForklift-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-code.globalAlpha">编码透明</label>
|
|
<input id="tabCarForklift-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.enable">是否启用</label>
|
|
<input id="tabCarForklift-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.fixed">是否启用</label>
|
|
<input id="tabCarForklift-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.text">名称文本</label>
|
|
<input id="tabCarForklift-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.font">名称字体</label>
|
|
<input id="tabCarForklift-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.fillStyle">名称颜色</label>
|
|
<input id="tabCarForklift-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-name.globalAlpha">名称透明</label>
|
|
<input id="tabCarForklift-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-image.src">图片</label>
|
|
<input id="tabCarForklift-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-image.enable">是否启用</label>
|
|
<input id="tabCarForklift-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabCarForklift-image.globalAlpha">图片透明</label>
|
|
<input id="tabCarForklift-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabCarForklift-extends">扩展</label>
|
|
<button id="tabCarForklift-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabCarConveyor">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabCarConveyor-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabCarConveyor-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabCarConveyor-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-index">层级</label>
|
|
<input id="tabCarConveyor-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.size.w">宽度</label>
|
|
<input id="tabCarConveyor-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.size.h">高度</label>
|
|
<input id="tabCarConveyor-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.rotate">角度</label>
|
|
<input id="tabCarConveyor-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.globalAlpha">透明度</label>
|
|
<input id="tabCarConveyor-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.lineWidth">边框宽度</label>
|
|
<input id="tabCarConveyor-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.strokeStyle">边框颜色</label>
|
|
<input id="tabCarConveyor-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.fillStyle">填充颜色</label>
|
|
<input id="tabCarConveyor-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-base.enable">是否启用</label>
|
|
<input id="tabCarConveyor-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-lock.enable">是否启用</label>
|
|
<input id="tabCarConveyor-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.enable">是否启用</label>
|
|
<input id="tabCarConveyor-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.fixed">是否启用</label>
|
|
<input id="tabCarConveyor-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.text">编码文本</label>
|
|
<input id="tabCarConveyor-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.font">编码字体</label>
|
|
<input id="tabCarConveyor-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.fillStyle">编码颜色</label>
|
|
<input id="tabCarConveyor-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-code.globalAlpha">编码透明</label>
|
|
<input id="tabCarConveyor-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.enable">是否启用</label>
|
|
<input id="tabCarConveyor-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.fixed">是否启用</label>
|
|
<input id="tabCarConveyor-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.text">名称文本</label>
|
|
<input id="tabCarConveyor-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.font">名称字体</label>
|
|
<input id="tabCarConveyor-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.fillStyle">名称颜色</label>
|
|
<input id="tabCarConveyor-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-name.globalAlpha">名称透明</label>
|
|
<input id="tabCarConveyor-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-image.src">图片</label>
|
|
<input id="tabCarConveyor-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-image.enable">是否启用</label>
|
|
<input id="tabCarConveyor-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabCarConveyor-image.globalAlpha">图片透明</label>
|
|
<input id="tabCarConveyor-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabCarConveyor-extends">扩展</label>
|
|
<button id="tabCarConveyor-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabCarTugger">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabCarTugger-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabCarTugger-base.point.x" type="number" class="bind" name="base.point.x"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabCarTugger-base.point.y" type="number" class="bind" name="base.point.y"
|
|
min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-index">层级</label>
|
|
<input id="tabCarTugger-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.size.w">宽度</label>
|
|
<input id="tabCarTugger-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.size.h">高度</label>
|
|
<input id="tabCarTugger-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.rotate">角度</label>
|
|
<input id="tabCarTugger-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.globalAlpha">透明度</label>
|
|
<input id="tabCarTugger-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.lineWidth">边框宽度</label>
|
|
<input id="tabCarTugger-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.strokeStyle">边框颜色</label>
|
|
<input id="tabCarTugger-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.fillStyle">填充颜色</label>
|
|
<input id="tabCarTugger-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-base.enable">是否启用</label>
|
|
<input id="tabCarTugger-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-lock.enable">是否启用</label>
|
|
<input id="tabCarTugger-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.enable">是否启用</label>
|
|
<input id="tabCarTugger-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.fixed">是否启用</label>
|
|
<input id="tabCarTugger-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.text">编码文本</label>
|
|
<input id="tabCarTugger-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.font">编码字体</label>
|
|
<input id="tabCarTugger-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.fillStyle">编码颜色</label>
|
|
<input id="tabCarTugger-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-code.globalAlpha">编码透明</label>
|
|
<input id="tabCarTugger-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.enable">是否启用</label>
|
|
<input id="tabCarTugger-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.fixed">是否启用</label>
|
|
<input id="tabCarTugger-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.text">名称文本</label>
|
|
<input id="tabCarTugger-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.font">名称字体</label>
|
|
<input id="tabCarTugger-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.fillStyle">名称颜色</label>
|
|
<input id="tabCarTugger-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-name.globalAlpha">名称透明</label>
|
|
<input id="tabCarTugger-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-image.src">图片</label>
|
|
<input id="tabCarTugger-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-image.enable">是否启用</label>
|
|
<input id="tabCarTugger-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabCarTugger-image.globalAlpha">图片透明</label>
|
|
<input id="tabCarTugger-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabCarTugger-extends">扩展</label>
|
|
<button id="tabCarTugger-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="tabProperty" hidden id="tabCarCarrier">
|
|
<form>
|
|
<fieldset>
|
|
<legend>基础</legend>
|
|
<div>
|
|
<label for="tabCarCarrier-base.point.x">坐标 [ X ]</label>
|
|
<input id="tabCarCarrier-base.point.x" type="number" class="bind"
|
|
name="base.point.x" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.point.y">坐标 [ Y ]</label>
|
|
<input id="tabCarCarrier-base.point.y" type="number" class="bind"
|
|
name="base.point.y" min="0" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-index">层级</label>
|
|
<input id="tabCarCarrier-index" type="number" class="bind" name="index" disabled />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.size.w">宽度</label>
|
|
<input id="tabCarCarrier-base.size.w" type="number" class="bind" name="base.size.w"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.size.h">高度</label>
|
|
<input id="tabCarCarrier-base.size.h" type="number" class="bind" name="base.size.h"
|
|
min="10" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.rotate">角度</label>
|
|
<input id="tabCarCarrier-base.rotate" type="number" class="bind" name="base.rotate"
|
|
min="0" max="360" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.globalAlpha">透明度</label>
|
|
<input id="tabCarCarrier-base.globalAlpha" type="number" class="bind"
|
|
name="base.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.lineWidth">边框宽度</label>
|
|
<input id="tabCarCarrier-base.lineWidth" type="number" class="bind"
|
|
name="base.lineWidth" min="1" max="999999" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.strokeStyle">边框颜色</label>
|
|
<input id="tabCarCarrier-base.strokeStyle" type="color" class="bind"
|
|
name="base.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.fillStyle">填充颜色</label>
|
|
<input id="tabCarCarrier-base.fillStyle" type="color" class="bind"
|
|
name="base.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-base.enable">是否启用</label>
|
|
<input id="tabCarCarrier-base.enable" type="checkbox" class="bind"
|
|
name="base.enable" />启用
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-lock.enable">是否启用</label>
|
|
<input id="tabCarCarrier-lock.enable" type="checkbox" class="bind"
|
|
name="lock.enable" />锁定
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.enable">是否启用</label>
|
|
<input id="tabCarCarrier-code.enable" type="checkbox" class="bind"
|
|
name="code.enable" />启用编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.fixed">是否启用</label>
|
|
<input id="tabCarCarrier-code.fixed" type="checkbox" class="bind"
|
|
name="code.fixed" />固定编码
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.text">编码文本</label>
|
|
<input id="tabCarCarrier-code.text" type="text" class="bind" name="code.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.font">编码字体</label>
|
|
<input id="tabCarCarrier-code.font" type="text" class="bind" name="code.font"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.fillStyle">编码颜色</label>
|
|
<input id="tabCarCarrier-code.fillStyle" type="color" class="bind"
|
|
name="code.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-code.globalAlpha">编码透明</label>
|
|
<input id="tabCarCarrier-code.globalAlpha" type="number" class="bind"
|
|
name="code.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.enable">是否启用</label>
|
|
<input id="tabCarCarrier-name.enable" type="checkbox" class="bind"
|
|
name="name.enable" />启用名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.fixed">是否启用</label>
|
|
<input id="tabCarCarrier-name.fixed" type="checkbox" class="bind"
|
|
name="name.fixed" />固定名称
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.text">名称文本</label>
|
|
<input id="tabCarCarrier-name.text" type="text" class="bind" name="name.text"
|
|
maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.font">名称字体</label>
|
|
<input id="tabCarCarrier-name.font" type="text" class="bind form-control"
|
|
name="name.font" maxlength="50" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.fillStyle">名称颜色</label>
|
|
<input id="tabCarCarrier-name.fillStyle" type="color" class="bind"
|
|
name="name.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-name.globalAlpha">名称透明</label>
|
|
<input id="tabCarCarrier-name.globalAlpha" type="number" class="bind"
|
|
name="name.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-image.src">图片</label>
|
|
<input id="tabCarCarrier-image.src" type="text" class="bind" name="image.src"
|
|
placeholder="源" />
|
|
<button type="button" class="bind" name="image.pick">选择</button>
|
|
<button type="button" class="bind" name="image.clear">清除</button>
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-image.enable">是否启用</label>
|
|
<input id="tabCarCarrier-image.enable" type="checkbox" class="bind"
|
|
name="image.enable" />启用图片
|
|
</div>
|
|
<div>
|
|
<label for="tabCarCarrier-image.globalAlpha">图片透明</label>
|
|
<input id="tabCarCarrier-image.globalAlpha" type="number" class="bind"
|
|
name="image.globalAlpha" min="0.00" max="1.00" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>数据</legend>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>扩展</legend>
|
|
<div>
|
|
<label for="tabCarCarrier-extends">扩展</label>
|
|
<button id="tabCarCarrier-extends" type="button" class="bind"
|
|
name="extends">...</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</main>
|
|
<aside class="settings-panel panel" id="settingsPanel" hidden>
|
|
<div class="panel-header">
|
|
<span>设置</span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="action" data-action="toggleSettingsPanel">关闭</button>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="tabProperty" id="tabSettings">
|
|
<form>
|
|
<fieldset>
|
|
<legend>绘制</legend>
|
|
<div>
|
|
<label for="tabSettings-visual.drawOrder">绘制顺序</label>
|
|
<select id="tabSettings-visual.drawOrder" class="bind" name="visual.drawOrder">
|
|
<option value="kind">类型顺序</option>
|
|
<option value="index">图层顺序</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.pickOrder">命中顺序</label>
|
|
<select id="tabSettings-visual.pickOrder" class="bind" name="visual.pickOrder">
|
|
<option value="draw">跟随绘制</option>
|
|
<option value="kind">类型顺序</option>
|
|
<option value="index">图层顺序</option>
|
|
</select>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>渲染</legend>
|
|
<div>
|
|
<label for="tabSettings-visual.render.mode">渲染模式</label>
|
|
<select id="tabSettings-visual.render.mode" class="bind" name="visual.render.mode">
|
|
<option value="auto">自动</option>
|
|
<option value="continuous">持续</option>
|
|
<option value="ondemand">按需</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.cache">渲染缓存</label>
|
|
<input id="tabSettings-visual.render.cache" type="checkbox" class="bind"
|
|
name="visual.render.cache" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.dynamic">动态层</label>
|
|
<input id="tabSettings-visual.render.dynamic" type="checkbox" class="bind"
|
|
name="visual.render.dynamic" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.segmented">分段缓存</label>
|
|
<input id="tabSettings-visual.render.segmented" type="checkbox" class="bind"
|
|
name="visual.render.segmented" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.segmentMax">分段上限</label>
|
|
<input id="tabSettings-visual.render.segmentMax" type="number" class="bind"
|
|
name="visual.render.segmentMax" min="2" max="64" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.dynamicKinds">动态种类</label>
|
|
<select id="tabSettings-visual.render.dynamicKinds" class="bind"
|
|
name="visual.render.dynamicKinds" multiple size="5">
|
|
<option value="Node">站点</option>
|
|
<option value="Edge">路线</option>
|
|
<option value="Zone">区域</option>
|
|
<option value="Tag">标签</option>
|
|
<option value="Car">车辆</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.dynamicTypes">动态类型</label>
|
|
<select id="tabSettings-visual.render.dynamicTypes" class="bind"
|
|
name="visual.render.dynamicTypes" multiple size="8">
|
|
<option value="NodeRect">站点矩形</option>
|
|
<option value="NodeEllipse">站点圆形</option>
|
|
<option value="NodePoly">站点多边</option>
|
|
<option value="NodePath">站点路径</option>
|
|
<option value="EdgeBeeline">路线直线</option>
|
|
<option value="EdgeArc">路线圆弧</option>
|
|
<option value="EdgeQuadratic">路线二次</option>
|
|
<option value="EdgeBezier">路线三次</option>
|
|
<option value="ZoneRect">区域矩形</option>
|
|
<option value="ZoneEllipse">区域圆形</option>
|
|
<option value="ZonePoly">区域多边</option>
|
|
<option value="ZonePath">区域路径</option>
|
|
<option value="TagRect">标签矩形</option>
|
|
<option value="TagEllipse">标签圆形</option>
|
|
<option value="TagPoly">标签多边</option>
|
|
<option value="TagPath">标签路径</option>
|
|
<option value="CarForklift">叉车</option>
|
|
<option value="CarConveyor">辊筒车</option>
|
|
<option value="CarTugger">牵引车</option>
|
|
<option value="CarCarrier">装载车</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.boost">渲染加速</label>
|
|
<input id="tabSettings-visual.render.boost" type="number" class="bind"
|
|
name="visual.render.boost" min="0" max="2000" step="10" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.cull">裁剪模式</label>
|
|
<select id="tabSettings-visual.render.cull" class="bind" name="visual.render.cull">
|
|
<option value="auto">自动</option>
|
|
<option value="on">开启</option>
|
|
<option value="off">关闭</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.cullThreshold">裁剪阈值</label>
|
|
<input id="tabSettings-visual.render.cullThreshold" type="number" class="bind"
|
|
name="visual.render.cullThreshold" min="0" max="200000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.cullPadding">裁剪边距</label>
|
|
<input id="tabSettings-visual.render.cullPadding" type="number" class="bind"
|
|
name="visual.render.cullPadding" min="0" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.render.controlOverlayThreshold">控制覆盖层阈值</label>
|
|
<input id="tabSettings-visual.render.controlOverlayThreshold" type="number" class="bind"
|
|
name="visual.render.controlOverlayThreshold" min="0" max="50000" step="1" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>交互</legend>
|
|
<div>
|
|
<label for="tabSettings-visual.bounds.handleSize">控制点</label>
|
|
<input id="tabSettings-visual.bounds.handleSize" type="number" class="bind"
|
|
name="visual.bounds.handleSize" min="4" max="40" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.bounds.pickPadding">命中边距</label>
|
|
<input id="tabSettings-visual.bounds.pickPadding" type="number" class="bind"
|
|
name="visual.bounds.pickPadding" min="0" max="30" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.bounds.rotateOffset">旋转偏移</label>
|
|
<input id="tabSettings-visual.bounds.rotateOffset" type="number" class="bind"
|
|
name="visual.bounds.rotateOffset" min="10" max="80" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.bounds.pointThreshold">路径阈值</label>
|
|
<input id="tabSettings-visual.bounds.pointThreshold" type="number" class="bind"
|
|
name="visual.bounds.pointThreshold" min="0" max="200" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-spatialIndexConfig.enabled">命中网格</label>
|
|
<input id="tabSettings-spatialIndexConfig.enabled" type="checkbox" class="bind"
|
|
name="spatialIndexConfig.enabled" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-spatialIndexConfig.threshold">网格阈值</label>
|
|
<input id="tabSettings-spatialIndexConfig.threshold" type="number" class="bind"
|
|
name="spatialIndexConfig.threshold" min="0" max="200000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-spatialIndexConfig.baseCellSize">基础尺寸</label>
|
|
<input id="tabSettings-spatialIndexConfig.baseCellSize" type="number" class="bind"
|
|
name="spatialIndexConfig.baseCellSize" min="10" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-spatialIndexConfig.minCellSize">最小尺寸</label>
|
|
<input id="tabSettings-spatialIndexConfig.minCellSize" type="number" class="bind"
|
|
name="spatialIndexConfig.minCellSize" min="10" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-spatialIndexConfig.maxCellSize">最大尺寸</label>
|
|
<input id="tabSettings-spatialIndexConfig.maxCellSize" type="number" class="bind"
|
|
name="spatialIndexConfig.maxCellSize" min="10" max="5000" step="1" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>历史</legend>
|
|
<div>
|
|
<label for="tabSettings-history.enable">历史记录</label>
|
|
<input id="tabSettings-history.enable" type="checkbox" class="bind"
|
|
name="history.enable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-history.max">记录步数</label>
|
|
<input id="tabSettings-history.max" type="number" class="bind" name="history.max"
|
|
min="1" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-history.fastPatch">快速增量</label>
|
|
<input id="tabSettings-history.fastPatch" type="checkbox" class="bind"
|
|
name="history.fastPatch" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>布尔</legend>
|
|
<div>
|
|
<label for="tabSettings-boolean.maxVertices">顶点阈值</label>
|
|
<input id="tabSettings-boolean.maxVertices" type="number" class="bind"
|
|
name="boolean.maxVertices" min="100" max="200000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-boolean.maxRings">环数阈值</label>
|
|
<input id="tabSettings-boolean.maxRings" type="number" class="bind"
|
|
name="boolean.maxRings" min="1" max="5000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-boolean.maxIntersections">交点阈值</label>
|
|
<input id="tabSettings-boolean.maxIntersections" type="number" class="bind"
|
|
name="boolean.maxIntersections" min="100" max="2000000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-boolean.maxTimeMs">耗时阈值 [ms]</label>
|
|
<input id="tabSettings-boolean.maxTimeMs" type="number" class="bind"
|
|
name="boolean.maxTimeMs" min="1" max="5000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-boolean.ellipseSegments">椭圆离散</label>
|
|
<input id="tabSettings-boolean.ellipseSegments" type="number" class="bind"
|
|
name="boolean.ellipseSegments" min="12" max="128" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-boolean.epsilon">几何容差</label>
|
|
<input id="tabSettings-boolean.epsilon" type="number" class="bind"
|
|
name="boolean.epsilon" min="0.0000001" max="0.01" step="0.0000001" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>网格</legend>
|
|
<div>
|
|
<label for="tabSettings-grid.enable">网格显示</label>
|
|
<input id="tabSettings-grid.enable" type="checkbox" class="bind" name="grid.enable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.autoScale">随缩放</label>
|
|
<input id="tabSettings-grid.autoScale" type="checkbox" class="bind"
|
|
name="grid.autoScale" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.size.w">网格尺寸 [ X ]</label>
|
|
<input id="tabSettings-grid.size.w" type="number" class="bind" name="grid.size.w"
|
|
min="1" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.size.h">网格尺寸 [ Y ]</label>
|
|
<input id="tabSettings-grid.size.h" type="number" class="bind" name="grid.size.h"
|
|
min="1" max="2000" step="1" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.lineWidth">线宽</label>
|
|
<input id="tabSettings-grid.lineWidth" type="number" class="bind" name="grid.lineWidth"
|
|
min="0.5" max="10" step="0.5" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.globalAlpha">透明度</label>
|
|
<input id="tabSettings-grid.globalAlpha" type="number" class="bind"
|
|
name="grid.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-grid.strokeStyle">线条颜色</label>
|
|
<input id="tabSettings-grid.strokeStyle" type="color" class="bind"
|
|
name="grid.strokeStyle" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>轨迹</legend>
|
|
<div>
|
|
<label for="tabSettings-carEdge.enable">路线显示</label>
|
|
<input id="tabSettings-carEdge.enable" type="checkbox" class="bind"
|
|
name="carEdge.enable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.prev.strokeStyle">路线前序颜色</label>
|
|
<input id="tabSettings-carEdgeTheme.prev.strokeStyle" type="color" class="bind"
|
|
name="carEdgeTheme.prev.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.prev.globalAlpha">路线前序透明</label>
|
|
<input id="tabSettings-carEdgeTheme.prev.globalAlpha" type="number" class="bind"
|
|
name="carEdgeTheme.prev.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.curr.strokeStyle">路线当前颜色</label>
|
|
<input id="tabSettings-carEdgeTheme.curr.strokeStyle" type="color" class="bind"
|
|
name="carEdgeTheme.curr.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.curr.globalAlpha">路线当前透明</label>
|
|
<input id="tabSettings-carEdgeTheme.curr.globalAlpha" type="number" class="bind"
|
|
name="carEdgeTheme.curr.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.next.strokeStyle">路线后序颜色</label>
|
|
<input id="tabSettings-carEdgeTheme.next.strokeStyle" type="color" class="bind"
|
|
name="carEdgeTheme.next.strokeStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carEdgeTheme.next.globalAlpha">路线后序透明</label>
|
|
<input id="tabSettings-carEdgeTheme.next.globalAlpha" type="number" class="bind"
|
|
name="carEdgeTheme.next.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNode.enable">站点显示</label>
|
|
<input id="tabSettings-carNode.enable" type="checkbox" class="bind"
|
|
name="carNode.enable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.prev.fillStyle">站点前序颜色</label>
|
|
<input id="tabSettings-carNodeTheme.prev.fillStyle" type="color" class="bind"
|
|
name="carNodeTheme.prev.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.prev.globalAlpha">站点前序透明</label>
|
|
<input id="tabSettings-carNodeTheme.prev.globalAlpha" type="number" class="bind"
|
|
name="carNodeTheme.prev.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.curr.fillStyle">站点当前颜色</label>
|
|
<input id="tabSettings-carNodeTheme.curr.fillStyle" type="color" class="bind"
|
|
name="carNodeTheme.curr.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.curr.globalAlpha">站点当前透明</label>
|
|
<input id="tabSettings-carNodeTheme.curr.globalAlpha" type="number" class="bind"
|
|
name="carNodeTheme.curr.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.next.fillStyle">站点后序颜色</label>
|
|
<input id="tabSettings-carNodeTheme.next.fillStyle" type="color" class="bind"
|
|
name="carNodeTheme.next.fillStyle" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-carNodeTheme.next.globalAlpha">站点后序透明</label>
|
|
<input id="tabSettings-carNodeTheme.next.globalAlpha" type="number" class="bind"
|
|
name="carNodeTheme.next.globalAlpha" min="0.00" max="1.00" step="0.05" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>辅助</legend>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.enable">辅助线</label>
|
|
<input id="tabSettings-visual.guides.enable" type="checkbox" class="bind"
|
|
name="visual.guides.enable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.groupBounds">多选边框</label>
|
|
<input id="tabSettings-visual.guides.groupBounds" type="checkbox" class="bind"
|
|
name="visual.guides.groupBounds" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.align">对齐线</label>
|
|
<input id="tabSettings-visual.guides.align" type="checkbox" class="bind"
|
|
name="visual.guides.align" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.snapEnable">吸附开关</label>
|
|
<input id="tabSettings-visual.guides.snapEnable" type="checkbox" class="bind"
|
|
name="visual.guides.snapEnable" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.snapGrid">网格吸附</label>
|
|
<input id="tabSettings-visual.guides.snapGrid" type="checkbox" class="bind"
|
|
name="visual.guides.snapGrid" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.snapMapBounds">边界吸附</label>
|
|
<input id="tabSettings-visual.guides.snapMapBounds" type="checkbox" class="bind"
|
|
name="visual.guides.snapMapBounds" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.snapDistribution">等距吸附</label>
|
|
<input id="tabSettings-visual.guides.snapDistribution" type="checkbox" class="bind"
|
|
name="visual.guides.snapDistribution" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-visual.guides.snapTolerance">吸附阈值</label>
|
|
<input id="tabSettings-visual.guides.snapTolerance" type="number" class="bind"
|
|
name="visual.guides.snapTolerance" min="1" max="30" step="1" />
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>图层</legend>
|
|
<div class="layer-panel-inline" id="layerPanel">
|
|
<div class="panel-actions">
|
|
<button type="button" class="action" data-layer-action="add">添加</button>
|
|
<button type="button" class="action" data-layer-action="delete">删除</button>
|
|
<button type="button" class="action" data-layer-action="up">上移</button>
|
|
<button type="button" class="action" data-layer-action="down">下移</button>
|
|
<button type="button" class="action" data-layer-action="rename">重命名</button>
|
|
<button type="button" class="action" data-layer-action="moveSelected">移选中</button>
|
|
</div>
|
|
<div class="layer-list" id="layerList" role="list"></div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form>
|
|
<fieldset>
|
|
<legend>组合</legend>
|
|
<div class="group-panel-inline" id="groupPanel">
|
|
<div class="panel-actions">
|
|
<button type="button" class="action" data-group-action="group">组合</button>
|
|
<button type="button" class="action" data-group-action="ungroup">解组</button>
|
|
<button type="button" class="action" data-group-action="rename">重命名</button>
|
|
<button type="button" class="action" data-group-action="delete">删除</button>
|
|
</div>
|
|
<div class="group-list" id="groupList" role="list"></div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<footer class="app-footer">
|
|
<div class="status-bar">
|
|
<div class="status-group">
|
|
<span class="status-label">提示：</span>
|
|
<span class="status-value" id="statusHint" role="status" aria-live="polite">左键拖动对象 | 中键拖拽画布 | 右键返回选择
|
|
| 滚轮缩放画布 | 单击左键连线，双击左键自动闭合（多边形） | 左键按下绘制，左键松开自动闭合（路径）</span>
|
|
</div>
|
|
<div class="footer-toolbar end is-hidden" id="testToolbar" hidden>
|
|
<button type="button" class="command" id="test1">测试1:图形</button>
|
|
<button type="button" class="command" id="test2">测试2:车辆</button>
|
|
<button type="button" class="command" id="test3">测试3:运动</button>
|
|
<button type="button" class="command" id="test4">测试4:停止</button>
|
|
<button type="button" class="command" id="test5">测试5:轨迹</button>
|
|
<button type="button" class="command" id="test6">测试6:处理</button>
|
|
<button type="button" class="command" id="test7">测试7:流程</button>
|
|
<button type="button" class="command" id="test8">测试8:性能</button>
|
|
<button type="button" class="command" id="test9">测试9:压力</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<dialog id="dialogNodePosition">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>站点位置</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="tabSettings-x">坐标 [ X ]</label>
|
|
<input id="tabSettings-x" type="number" name="x" min="0" max="10000" readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-y">坐标 [ Y ]</label>
|
|
<input id="tabSettings-y" type="number" name="y" min="0" max="10000" readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-theta">角度</label>
|
|
<input id="tabSettings-theta" type="number" name="theta" min="0" max="10000" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-allowedDeviationXY">精度坐标</label>
|
|
<input id="tabSettings-allowedDeviationXY" type="number" name="allowedDeviationXY" min="0"
|
|
max="10000" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-allowedDeviationTheta">精度角度</label>
|
|
<input id="tabSettings-allowedDeviationTheta" type="number" name="allowedDeviationTheta" min="0"
|
|
max="10000" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-mapId">地图编号</label>
|
|
<input id="tabSettings-mapId" type="text" name="mapId" maxlength="50" readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-mapDescription">地图描述</label>
|
|
<textarea id="tabSettings-mapDescription" rows="12" name="mapDescription"
|
|
maxlength="10000"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogTrajectory">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>路线轨迹</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="tabSettings-degree">控制点数量</label>
|
|
<input id="tabSettings-degree" type="number" name="degree" min="0" max="10000"
|
|
readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-knotVector">控制点NURBS</label>
|
|
<textarea id="tabSettings-knotVector" rows="12" name="knotVector" maxlength="10000"
|
|
readonly="readonly"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-controlPoints">控制点</label>
|
|
<button id="tabSettings-controlPoints" type="button" class="action"
|
|
name="controlPoints">配置</button>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogActions" class="dialog-lg">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>动作</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<div class="dialog-toolbar">
|
|
<button type="button" class="action" data-action="add">添加</button>
|
|
<button type="button" class="action" data-action="edit">修改</button>
|
|
<button type="button" class="action" data-action="delete">删除</button>
|
|
</div>
|
|
<table class="dialog-table" aria-label="动作列表">
|
|
<thead>
|
|
<tr>
|
|
<th>动作类型</th>
|
|
<th>堵塞类型</th>
|
|
<th>排序号</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="dialog-empty">暂无动作</div>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogActionForm">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>动作</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="tabSettings-actionType">动作类型</label>
|
|
<select id="tabSettings-actionType" name="actionType" required="required"></select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-actionDescription">动作描述</label>
|
|
<textarea id="tabSettings-actionDescription" rows="12" name="actionDescription"
|
|
maxlength="10000"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-blockingType">堵塞类型</label>
|
|
<select id="tabSettings-blockingType" name="blockingType" required="required"></select>
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-sortNumber">排序号</label>
|
|
<input id="tabSettings-sortNumber" type="number" name="sortNumber" min="-99999" max="99999"
|
|
required="required" />
|
|
</div>
|
|
<div>
|
|
<label for="tabSettings-actionParameters">动作参数</label>
|
|
<div class="dialog-inline">
|
|
<button id="tabSettings-actionParameters" type="button" class="action"
|
|
name="actionParameters">配置</button>
|
|
<span class="dialog-meta" id="actionParametersCount">0 项</span>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="actionId" />
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogActionParameters" class="dialog-lg">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>动作参数</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<div class="dialog-toolbar">
|
|
<button type="button" class="action" data-action="add">添加</button>
|
|
<button type="button" class="action" data-action="edit">修改</button>
|
|
<button type="button" class="action" data-action="delete">删除</button>
|
|
</div>
|
|
<table class="dialog-table" aria-label="动作参数列表">
|
|
<thead>
|
|
<tr>
|
|
<th>键</th>
|
|
<th>值</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="dialog-empty">暂无动作参数</div>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogActionParameterForm">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>动作参数</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="actionParamKey">键</label>
|
|
<input type="text" name="key" list="action-param-key-list" maxlength="50" required="required" />
|
|
<datalist id="action-param-key-list"></datalist>
|
|
</div>
|
|
<div>
|
|
<label for="actionParamValue">值</label>
|
|
<textarea rows="24" name="value" maxlength="10000" required="required"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogExtends" class="dialog-lg">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>扩展</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<div class="dialog-toolbar">
|
|
<button type="button" class="action" data-action="add">添加</button>
|
|
<button type="button" class="action" data-action="edit">修改</button>
|
|
<button type="button" class="action" data-action="delete">删除</button>
|
|
</div>
|
|
<table class="dialog-table" aria-label="扩展列表">
|
|
<thead>
|
|
<tr>
|
|
<th>键</th>
|
|
<th>值</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="dialog-empty">暂无扩展项</div>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogExtendForm">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>扩展</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="extendKey">键</label>
|
|
<input type="text" name="key" maxlength="50" required="required" />
|
|
</div>
|
|
<div>
|
|
<label for="extendValue">值</label>
|
|
<textarea rows="24" name="value" maxlength="10000" required="required"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogControlPoints" class="dialog-lg">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>控制点</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<div class="dialog-toolbar">
|
|
<button type="button" class="action" data-action="edit">修改</button>
|
|
</div>
|
|
<table class="dialog-table" aria-label="控制点列表">
|
|
<thead>
|
|
<tr>
|
|
<th>坐标 [ X ]</th>
|
|
<th>坐标 [ Y ]</th>
|
|
<th>权重</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="dialog-empty">暂无控制点</div>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogControlPointForm">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>控制点</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<fieldset>
|
|
<div>
|
|
<label for="controlPointX">坐标 [ X ]</label>
|
|
<input type="number" name="x" min="0" max="10000" readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="controlPointY">坐标 [ Y ]</label>
|
|
<input type="number" name="y" min="0" max="10000" readonly="readonly" />
|
|
</div>
|
|
<div>
|
|
<label for="controlPointWeight">权重</label>
|
|
<input type="number" name="weight" min="0" max="10000" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogNodeIds" class="dialog-lg">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>节点列表</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<table class="dialog-table" aria-label="节点列表">
|
|
<thead>
|
|
<tr>
|
|
<th>序号</th>
|
|
<th>节点ID</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="dialog-empty">暂无节点</div>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="ok">确定</button>
|
|
<button type="button" name="cancel">取消</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="dialogConfirm">
|
|
<form method="dialog">
|
|
<div class="dialogHeader">
|
|
<span>确认</span>
|
|
</div>
|
|
<div class="dialogBody">
|
|
<p class="dialog-message" data-role="message">确认执行该操作？</p>
|
|
</div>
|
|
<div class="dialogFooter">
|
|
<button type="button" name="cancel">取消</button>
|
|
<button type="button" name="ok">确定</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<script>
|
|
Object.assign(window.Panel ?? (window.Panel = {}), {
|
|
imageBasePath: './dist/img/',
|
|
config: {
|
|
panel: {
|
|
config: {
|
|
license: { activationCode: '592AF4AF3F7220EEF6F36BCD3A13E9B0ED5D4DC3F005F6D2246764DAF89F09AF9DEC5D4980D3C37F2E6AE2549C1419E9E7523855BAFB9EEE1C87A9678F2D78B00B86FDA6F90E982954B2D6822FF9CF2BD3A4E7DE5249C9DFE00128D5226EFBFEB021F32996D6B9EC267CAE1BCF275BE684872661389F2B6CFE50118B9A81F26DCDB9C1F5FC467106470E1B63570E2101' },
|
|
map: { base: { size: { w: 10000, h: 10000 } } },
|
|
mode: 'Edit',
|
|
info: { enable: true }
|
|
}
|
|
},
|
|
ui: {
|
|
defaultTheme: 'purple'
|
|
}
|
|
},
|
|
selects: {
|
|
actionTypes: [{ value: 'Pick', text: '取货' }, { value: 'Drop', text: '送货' }],
|
|
blockingTypes: [{ value: 'NONE', text: '无限制' }, { value: 'SOFT', text: '禁止行驶' }, { value: 'HARD', text: '禁止行驶且禁止其它动作' }],
|
|
actionParamKeys: [{ value: 'Default', text: '默认' }]
|
|
}
|
|
});
|
|
</script>
|
|
<script src="./dist/js/panel.core.min.js" defer></script>
|
|
<script src="./dist/js/panel.ui.js" defer></script>
|
|
<script src="./dist/js/panel.test.js" defer></script>
|
|
<!-- <script type="module">
|
|
import './src/entries/panel.core.js';
|
|
import './src/entries/panel.ui.js';
|
|
import './src/entries/panel.test.js';
|
|
</script> -->
|
|
</body>
|
|
|
|
</html>
|