view.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html class="no-js css-menubar" lang="zh-cn">
  3. <head>
  4. <title>弹窗子页面</title>
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <!-- 移动设备 viewport -->
  8. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
  9. <meta name="author" content="火星科技 http://mars3d.cn " />
  10. <!-- 360浏览器默认使用Webkit内核 -->
  11. <meta name="renderer" content="webkit" />
  12. <!-- Chrome浏览器添加桌面快捷方式(安卓) -->
  13. <link rel="icon" type="image/png" href="../../img/favicon/favicon.png" />
  14. <meta name="mobile-web-app-capable" content="yes" />
  15. <!-- Safari浏览器添加到主屏幕(IOS) -->
  16. <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
  17. <meta name="apple-mobile-web-app-capable" content="yes" />
  18. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  19. <meta name="apple-mobile-web-app-title" content="火星科技MarsGIS" />
  20. <!-- Win8标题栏及ICON图标 -->
  21. <link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png" />
  22. <meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png" />
  23. <meta name="msapplication-TileColor" content="#62a8ea" />
  24. <!-- 第3方lib引入 -->
  25. <script
  26. type="text/javascript"
  27. src="../../../lib/include-lib.js?time=20210803"
  28. libpath="../../../lib/"
  29. include="jquery,jquery.minicolors,font-awesome,font-marsgis,bootstrap,bootstrap-checkbox,haoutil,admui-frame,localforage"
  30. ></script>
  31. <link href="css/widget-win.css" rel="stylesheet" />
  32. <link href="css/plot.css?time=20210803" rel="stylesheet" />
  33. </head>
  34. <body class="dark">
  35. <div class="mp_box">
  36. <div class="mp_head">
  37. <ul>
  38. <li id="btnCenter"><i class="marsgis marsgis-fxmy" title="定位"></i></li>
  39. <li id="btnDelete"><i class="fa fa-trash" title="删除"></i></li>
  40. <li id="btn_plot_savefile"><i class="fa fa-save" title="保存文件"></i></li>
  41. </ul>
  42. <input id="input_plot_file" type="file" accept=".json,.geojson" style="display: none" />
  43. </div>
  44. <div class="clear"></div>
  45. <div class="mp_tab_card">
  46. <ul class="mp_tab_con">
  47. <li class="cur">
  48. <div class="mp_tree">
  49. <div class="bdt">
  50. <div class="open"><i class="tree_icon">-</i>属性信息</div>
  51. <div class="mp_attr">
  52. <table id="talbe_attr">
  53. <!--<tr>
  54. <td class="nametd">名称</td>
  55. <td><input type="text" class="mp_input"></td>
  56. </tr>
  57. <tr>
  58. <td class="nametd">备注</td>
  59. <td><input type="text" class="mp_input"></td>
  60. </tr>-->
  61. </table>
  62. </div>
  63. </div>
  64. </div>
  65. </li>
  66. <li>
  67. <div class="mp_tree">
  68. <div id="view_updateheight">
  69. <div class="open"><i class="tree_icon">-</i>批量修改高程(辅助功能)</div>
  70. <div class="mp_attr" style="margin-top: 10px">
  71. <table>
  72. <tr>
  73. <td class="nametd">在原值上增加</td>
  74. <td><input id="plot_latlngs_addheight" type="number" class="mp_input" value="" /></td>
  75. </tr>
  76. <tr>
  77. <td class="nametd">全部修改为</td>
  78. <td><input id="plot_latlngs_allheight" type="number" class="mp_input" value="" /></td>
  79. </tr>
  80. </table>
  81. </div>
  82. </div>
  83. <div>
  84. <div class="open"><i class="tree_icon">-</i>坐标列表</div>
  85. <div id="view_latlngs" class="local">
  86. <!--<div>
  87. <div class="open"><i class="tree_icon">-</i>第1点</div>
  88. <div class="mp_attr">
  89. <table>
  90. <tr>
  91. <td class="nametd">纬度:</td>
  92. <td><input type="text" class="mp_input"></td>
  93. </tr>
  94. <tr>
  95. <td class="nametd">经度:</td>
  96. <td><input type="text" class="mp_input"></td>
  97. </tr>
  98. </table>
  99. </div>
  100. </div>
  101. <div>
  102. <div class="open"><i class="tree_icon">-</i>第2点</div>
  103. <div class="mp_attr">
  104. <table>
  105. <tr>
  106. <td class="nametd">纬度:</td>
  107. <td><input type="text" class="mp_input"></td>
  108. </tr>
  109. <tr>
  110. <td class="nametd">经度:</td>
  111. <td><input type="text" class="mp_input"></td>
  112. </tr>
  113. </table>
  114. </div>
  115. </div>-->
  116. </div>
  117. </div>
  118. </div>
  119. </li>
  120. <li>
  121. <div class="mp_tree">
  122. <div id="attr_style_view">
  123. <div class="open"><i class="tree_icon">-</i>样式信息</div>
  124. <div class="mp_attr">
  125. <table id="talbe_style">
  126. <!--<tr>
  127. <td class="nametd">类型:</td>
  128. <td>折线</td>
  129. </tr>
  130. <tr>
  131. <td class="nametd">是否边框</td>
  132. <td>
  133. <input name="plot_attr_stroke" type="radio" value="1" checked="checked">是 &nbsp;&nbsp; <input name="plot_attr_stroke" type="radio" value="2">否
  134. </td>
  135. </tr>
  136. <tr>
  137. <td class="nametd">线颜色</td>
  138. <td>
  139. <input id="plot_attr_color" type="text" class="mp_input" value="#3388ff">
  140. </td>
  141. </tr>
  142. <tr>
  143. <td class="nametd">线型</td>
  144. <td>
  145. <select id="plot_attr_linetype" class="mp_select" data-value="0">
  146. <option value="0">请选择</option>
  147. <option value="1">实线</option>
  148. <option value="2">虚线</option>
  149. <option value="3">虚点线</option>
  150. <option value="4">点划线</option>
  151. </select>
  152. </td>
  153. </tr>
  154. <tr>
  155. <td class="nametd">线宽</td>
  156. <td><input type="number" class="mp_input"></td>
  157. </tr>-->
  158. </table>
  159. </div>
  160. </div>
  161. <div id="attr_stylelabel_view" class="bdt">
  162. <div class="open"><i class="tree_icon">-</i>注记信息</div>
  163. <div class="mp_attr">
  164. <table id="talbe_stylelabel">
  165. <!-- <tr>
  166. <td class="nametd">文字内容:</td>
  167. <td><input type="text" class="mp_input"></td>
  168. </tr>
  169. -->
  170. </table>
  171. </div>
  172. </div>
  173. <!--<div class="bdt">
  174. <div class="open"><i class="tree_icon">-</i>坐标信息</div>
  175. <div class="local">
  176. <div>
  177. <div class="open"><i class="tree_icon">-</i>第1点</div>
  178. <div class="mp_attr">
  179. <table>
  180. <tr>
  181. <td class="nametd">纬度:</td>
  182. <td><input type="number" class="mp_input"></td>
  183. </tr>
  184. <tr>
  185. <td class="nametd">经度:</td>
  186. <td><input type="number" class="mp_input"></td>
  187. </tr>
  188. </table>
  189. </div>
  190. </div>
  191. <div>
  192. <div class="open"><i class="tree_icon">-</i>第2点</div>
  193. <div class="mp_attr">
  194. <table>
  195. <tr>
  196. <td class="nametd">纬度:</td>
  197. <td><input type="number" class="mp_input"></td>
  198. </tr>
  199. <tr>
  200. <td class="nametd">经度:</td>
  201. <td><input type="number" class="mp_input"></td>
  202. </tr>
  203. </table>
  204. </div>
  205. </div>
  206. </div>
  207. </div>-->
  208. </div>
  209. </li>
  210. </ul>
  211. <ul class="mp_tab_tit">
  212. <li id="tab_plot" class="cur">属性</li>
  213. <li id="tab_latlng">坐标</li>
  214. <li id="tab_attr">样式</li>
  215. </ul>
  216. </div>
  217. </div>
  218. <script src="js/vew.common.js?time=20210803"></script>
  219. <script src="js/vew.work.js?time=20210803"></script>
  220. </body>
  221. </html>