wangzhibo
2021-09-07 89da62649161571834d3f8df7ce36f9967e6ba04
widgets/roamLine/view.html
@@ -1,2 +1,243 @@
<!-- 2021-3-29 20:28:04 | 版权所有 色宁科技 http://marsgis.cn -->
<!DOCTYPE html><html class="no-js css-menubar" lang="zh-cn"><head><title>&#x5F39;&#x7A97;&#x5B50;&#x9875;&#x9762;</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"><meta name="author" content="&#x706B;&#x661F;&#x79D1;&#x6280; http://mars3d.cn "><meta name="renderer" content="webkit"><link rel="icon" type="image/png" href="../../img/favicon/favicon.png"><meta name="mobile-web-app-capable" content="yes"><link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="&#x706B;&#x661F;&#x79D1;&#x6280;MarsGIS"><link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png"><meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png"><meta name="msapplication-TileColor" content="#62a8ea"><script src="../../lib/include-lib.js?time=20210329" libpath="../../lib/" include="jquery,jquery.minicolors,font-awesome,bootstrap,bootstrap-checkbox,bootstrap-table,admui-frame"></script><link href="../../css/widget-win.css" rel="stylesheet"><link href="./css/plot.css" rel="stylesheet"><style>.mp_head2{width:100%;height:45px;line-height:45px;text-align:center}</style></head><body><div class="mp_box"><div class="mp_tab_card"><ul class="mp_tab_con"><li class="cur"><div class="mp_head2"><button id="btn_Add_line" type="button" class="btn btn-primary"><span class="fa fa-edit" aria-hidden="true"></span> &#x65B0;&#x589E;&#x8DEF;&#x7EBF;</button><div class="btn-group" role="group"><button id="btn_plot_importfile" type="button" class="btn btn-primary">&#x5BFC;&#x5165;</button> <button id="btn_plot_savefile" type="button" class="btn btn-primary">&#x5BFC;&#x51FA;</button> <input id="input_plot_file" type="file" accept=".json" style="display:none"></div></div><table id="table"></table></li><li><div class="mp_tree"><div id="view_updateheight"><div class="open"><i class="tree_icon">-</i>&#x6279;&#x91CF;&#x4FEE;&#x6539;&#x9AD8;&#x7A0B;&#x901F;&#x5EA6;&#xFF08;&#x8F85;&#x52A9;&#x529F;&#x80FD;&#xFF09;</div><div class="mp_attr" style="margin-top:10px"><table><tr><td class="nametd">&#x5728;&#x539F;&#x503C;&#x4E0A;&#x589E;&#x52A0;</td><td><input id="plot_latlngs_addheight" type="number" class="mp_input"></td></tr><tr><td class="nametd">&#x5168;&#x90E8;&#x4FEE;&#x6539;&#x4E3A;</td><td><input id="plot_latlngs_allheight" type="number" class="mp_input"></td></tr><tr><td class="nametd">&#x901F;&#x5EA6;&#xFF08;km/h&#xFF09;</td><td><input id="txtFlySpeedAll" type="number" min="0" max="99999" value="100" class="mp_input"></td></tr></table></div></div><div><div class="open"><i class="tree_icon">-</i>&#x5750;&#x6807;&#x5217;&#x8868;</div><div id="view_latlngs" class="local"></div></div></div></li><li><div class="mp_tree"><div id="attr_style_view"><div class="open"><i class="tree_icon">-</i>&#x6837;&#x5F0F;&#x4FE1;&#x606F;</div><div class="mp_attr"><table id="talbe_style"></table></div></div><div class="bdt"><div class="open"><i class="tree_icon">-</i>&#x5C5E;&#x6027;&#x4FE1;&#x606F;</div><div class="mp_attr"><table id="talbe_attr"></table></div></div><div style="margin-top:10px;text-align:center"><button id="btnSaveGeoJson" type="button" class="btn btn-default btn-sm">&#x4E0B;&#x8F7D;JSON</button> <button id="btnSaveCzml" type="button" class="btn btn-default btn-sm">&#x4E0B;&#x8F7D;CZML</button></div><div style="margin-top:10px;text-align:center"><button id="btnFlyStart" type="button" class="btn btn-primary">&#x5F00;&#x59CB;&#x6F2B;&#x6E38;</button> <button id="btnDelete" type="button" class="btn btn-danger">&#x5220;&#x9664;&#x8DEF;&#x7EBF;</button></div></div></li></ul><ul class="mp_tab_tit"><li id="tab_plot" class="cur">&#x8DEF;&#x7EBF;</li><li id="tab_latlng" class="disabled">&#x5750;&#x6807;</li><li id="tab_attr" class="disabled">&#x5C5E;&#x6027;</li></ul></div></div><script src="js/vew.common.js?time=20210329"></script><script src="js/vew.work.js?time=20210329"></script></body></html>
<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
  <head>
    <title>弹窗子页面</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
    <meta name="author" content="火星科技 http://mars3d.cn " />
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit" />
    <!-- Chrome浏览器添加桌面快捷方式(安卓) -->
    <link rel="icon" type="image/png" href="../../img/favicon/favicon.png" />
    <meta name="mobile-web-app-capable" content="yes" />
    <!-- Safari浏览器添加到主屏幕(IOS) -->
    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="火星科技MarsGIS" />
    <!-- Win8标题栏及ICON图标 -->
    <link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png" />
    <meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png" />
    <meta name="msapplication-TileColor" content="#62a8ea" />
    <!-- 第3方lib引入 -->
    <script
      type="text/javascript"
      src="../../lib/include-lib.js?time=20210803"
      libpath="../../lib/"
      include="jquery,jquery.minicolors,font-awesome,bootstrap,bootstrap-checkbox,bootstrap-table,admui-frame,localforage"
    ></script>
    <link href="../../css/widget-win.css" rel="stylesheet" />
    <link href="./css/plot.css" rel="stylesheet" />
    <style>
      .mp_head2 {
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="mp_box">
      <div class="mp_tab_card">
        <ul class="mp_tab_con">
          <li class="cur">
            <div class="mp_head2">
              <button id="btn_Add_line" type="button" class="btn btn-primary"><span class="fa fa-edit" aria-hidden="true"></span> 新增路线</button>
              <div class="btn-group" role="group">
                <button id="btn_plot_importfile" type="button" class="btn btn-primary">导入</button>
                <button id="btn_plot_savefile" type="button" class="btn btn-primary">导出</button>
                <input id="input_plot_file" type="file" accept=".json" style="display: none" />
              </div>
            </div>
            <!--预设路线 列表面板-->
            <table id="table"></table>
          </li>
          <li>
            <div class="mp_tree">
              <div id="view_updateheight">
                <div class="open"><i class="tree_icon">-</i>批量修改高程速度(辅助功能)</div>
                <div class="mp_attr" style="margin-top: 10px">
                  <table>
                    <tr>
                      <td class="nametd">在原值上增加</td>
                      <td><input id="plot_latlngs_addheight" type="number" class="mp_input" value="" /></td>
                    </tr>
                    <tr>
                      <td class="nametd">全部修改为</td>
                      <td><input id="plot_latlngs_allheight" type="number" class="mp_input" value="" /></td>
                    </tr>
                    <tr>
                      <td class="nametd">速度(km/h)</td>
                      <td>
                        <input id="txtFlySpeedAll" type="number" min="0" max="99999" value="100" class="mp_input" />
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
              <div>
                <div class="open"><i class="tree_icon">-</i>坐标列表</div>
                <div id="view_latlngs" class="local">
                  <!--<div>
                                    <div class="open"><i class="tree_icon">-</i>第1点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度:</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度:</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第2点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度:</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度:</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>-->
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="mp_tree">
              <div id="attr_style_view">
                <div class="open"><i class="tree_icon">-</i>样式信息</div>
                <div class="mp_attr">
                  <table id="talbe_style">
                    <!--<tr>
                                        <td class="nametd">类型:</td>
                                        <td>折线</td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">是否边框</td>
                                        <td>
                                            <input name="plot_attr_stroke" type="radio" value="1" checked="checked">是  &nbsp;&nbsp; <input name="plot_attr_stroke" type="radio" value="2">否
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线颜色</td>
                                        <td>
                                            <input id="plot_attr_color" type="text" class="mp_input" value="#3388ff">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线型</td>
                                        <td>
                                            <select id="plot_attr_linetype" class="mp_select" data-value="0">
                                                <option value="0">请选择</option>
                                                <option value="1">实线</option>
                                                <option value="2">虚线</option>
                                                <option value="3">虚点线</option>
                                                <option value="4">点划线</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线宽</td>
                                        <td><input type="number" class="mp_input"></td>
                                    </tr>-->
                  </table>
                </div>
              </div>
              <!--<div class="bdt">
                            <div class="open"><i class="tree_icon">-</i>坐标信息</div>
                            <div class="local">
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第1点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度:</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度:</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第2点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度:</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度:</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>-->
              <div class="bdt">
                <div class="open"><i class="tree_icon">-</i>属性信息</div>
                <div class="mp_attr">
                  <table id="talbe_attr">
                    <!--<tr>
                                        <td class="nametd">名称</td>
                                        <td><input type="text" class="mp_input"></td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">备注</td>
                                        <td><input type="text" class="mp_input"></td>
                                    </tr>-->
                  </table>
                </div>
              </div>
              <div style="margin-top: 10px; text-align: center">
                <button id="btnSaveGeoJson" type="button" class="btn btn-default btn-sm">下载JSON</button>
                <button id="btnSaveCzml" type="button" class="btn btn-default btn-sm">下载CZML</button>
              </div>
              <div style="margin-top: 10px; text-align: center">
                <button id="btnFlyStart" type="button" class="btn btn-primary">开始漫游</button>
                <button id="btnDelete" type="button" class="btn btn-danger">删除路线</button>
              </div>
            </div>
          </li>
        </ul>
        <ul class="mp_tab_tit">
          <li id="tab_plot" class="cur">路线</li>
          <li id="tab_latlng" class="disabled">坐标</li>
          <li id="tab_attr" class="disabled">属性</li>
        </ul>
      </div>
    </div>
    <!--页面js-->
    <script src="js/vew.common.js?time=20210803"></script>
    <script src="js/vew.work.js?time=20210803"></script>
  </body>
</html>