sdk4.0/src/Obj/Base/TrajectoryMotion/_element.js

function html() {
    return `
    <span class="custom-divider"></span>
    <div class="div-item">
      <div class="row">
        <div class="col">
          <span class="label" style="flex: 0 0 70px;">名称</span>
          <input class="input" maxlength="40" type="text" @model="name">
        </div>
        <div class="col"></div>
      </div>
    </div>
    <span class="custom-divider"></span>
    <div class="div-item">
      <div class="row">
        <div class="col">
          <span class="label" style="flex: 0 0 70px;">起始点高度</span>
          <div class="input-number input-number-unit-1 height-box">
            <input class="input" type="number" title="" min="-9999999" max="999999999" @model="height">
            <span class="unit">m</span>
            <span class="arrow"></span>
          </div>
        </div>
        <div class="col">
          <span class="label">模型倍数</span>
          <div class="input-number input-number-unit-2">
            <input class="input" type="number" title="" min="0" max="99999" step="1" @model="scale">
            <span class="unit">倍</span>
            <span class="arrow"></span>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label" style="flex: 0 0 70px;">运行速度</span>
          <div class="input-number input-number-unit-3">
            <input class="input" type="number" title="" min="0" max="99999999" step="1" @model="speed">
            <span class="unit">m/s</span>
            <span class="arrow"></span>
          </div>
        </div>
        <div class="col">
          <span class="label">延迟运动</span>
          <div class="input-number input-number-unit-3">
            <input class="input" type="number" title="" min="0" max="9999999" @model="delay">
            <span class="unit">ms</span>
            <span class="arrow"></span>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label" style="flex: 0 0 70px;">更换模型</span>
          <button class="btn" @click="clickChangeModel">选择</button>
        </div>
        <div class="col">
          <span class="label">模型方向</span>
          <button class="btn model-rotate-btn" @click="modelRotate">开始调整</button>
          <svg class="icon-rubric"><use xlink:href="#yj-icon-rubric"></use></svg>
        </div>
      </div>
    </div>
    <span class="custom-divider"></span>
    <div class="div-item">
      <div class="row">
        <div class="col">
          <div class="btn-group">
            <button class="btn" style="border-radius: 5px 0 0 5px;" name="firstPerson"
              data-state="true"><span>第一视角</span></button>
            <button class="btn" style="border-radius: 0 5px 5px 0;" name="firstPerson"
              data-state="false"><span>第三视角</span></button>
          </div>
        </div>
      </div>
    </div>
    <div class="div-item div-item-switch">
      <div class="row">
        <div class="col">
          <span class="label">路径显隐</span>
          <input class="btn-switch" type="checkbox" @model="lineShow">
        </div>
        <div class="col">
          <span class="label">模型显隐</span>
          <input class="btn-switch" type="checkbox" @model="modelShow">
        </div>
        <div class="col">
          <span class="label">实时路径</span>
          <input class="btn-switch" type="checkbox" @model="realTimeRoute">
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label">编辑</span>
          <input class="btn-switch" type="checkbox" @model="lineEdit">
        </div>
        <div class="col">
          <span class="label">路径圆滑</span>
          <input class="btn-switch" type="checkbox" @model="smooth">
        </div>
        <div class="col">
          <span class="label">环线</span>
          <input class="btn-switch" type="checkbox" @model="noseToTail">
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label">轨迹贴地</span>
          <input class="btn-switch" type="checkbox" @model="ground">
        </div>
        <div class="col">
          <span class="label">轨迹循环</span>
          <input class="btn-switch" type="checkbox" @model="loop">
        </div>
        <div class="col">
          <span class="label">轨迹动画</span>
          <input class="btn-switch" type="checkbox" @model="state">
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label">路径方向</span>
          <input class="btn-switch" type="checkbox" @model="routeDirection">
        </div>
        <div class="col" style="margin-right: 33px;">
          <span class="label">视角跟随</span>
          <input class="btn-switch" type="checkbox" @model="viewFollow">
        </div>
        <div class="col" style="margin: 0px;">
          <span class="label">模型动画</span>
          <div class="input input-select model-animate-select"></div>
        </div>
      </div>
    </div>
    <span class="custom-divider"></span>
    <div class="div-item">
      <div class="row">
        <div class="col">
          <span class="label">文字开关</span>
          <input class="btn-switch" type="checkbox" @model="labelShow">
        </div>
        <div class="col"></div>
      </div>
      <div class="row">
        <div class="col" style="margin-right: 14px;">
          <span class="label">字体颜色</span>
          <div class="labelColor"></div>
        </div>
        <div class="col font-select-box">
          <span class="label" style="flex: none;">字体选择</span>
          <div class="input input-select font-select"></div>
        </div>
        <div class="col">
          <span class="label">字体大小</span>
          <div class="input-number input-number-unit-2" style="width: 82px;">
            <input class="input" type="number" title="" min="1" max="99" @model="labelFontSize">
            <span class="unit">px</span>
            <span class="arrow"></span>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <span class="label">视野缩放</span>
          <input class="btn-switch" type="checkbox" @model="labelScaleByDistance">
        </div>
        <div class="col">
          <span class="label">最近距离</span>
          <div class="input-number input-number-unit-1" style="width: 82px;">
            <input class="input" type="number" title="" min="1" max="99999999" @model="labelNear">
            <span class="unit">m</span>
            <span class="arrow"></span>
          </div>
        </div>
        <div class="col">
          <span class="label">最远距离</span>
          <div class="input-number input-number-unit-1" style="width: 82px;">
            <input class="input" type="number" title="" min="1" max="99999999" @model="labelFar">
            <span class="unit">m</span>
            <span class="arrow"></span>
          </div>
        </div>
      </div>
    </div>
    <span class="custom-divider"></span>
    <div class="div-item">
      <div class="row">
        <div class="col">
          <span class="label">油耗</span>
          <div class="input-number input-number-unit-6" style="width: 170px;">
            <input class="input" type="number" title="" min="1" max="99999999" @model="unitFuelConsumption">
            <span class="unit">L/100km</span>
            <span class="arrow"></span>
          </div>
        </div>
        <div class="col" style="flex: 0 0 0;">
          <span class="label">总油耗</span>
          <input class="btn-switch" type="checkbox" @model="fuelShow">
        </div>
      </div>
    </div>
    <span class="custom-divider"></span>
    `
}

export { html }