代码迁移

src/Obj/Base/EllipseObject/_element.js

@@ -0,0 +1,87 @@
+import { attributeElm, labelStyleElm1, labelStyleElm2 } from '../../Element/elm_html'
+
+function html(that) {
+    return `
+    <div class="row" style="align-items: flex-start;">
+        <div class="col">
+            <span class="label">名称</span>
+            <input class="input" maxlength="40" type="text" @model="name">
+        </div>
+        <div class="col" style="flex: 0 0 60%;">
+            <div class="row">
+                <div class="col input-select-unit-box">
+                    <span class="label" style="margin-right: 0px;">投影面积:</span>
+                    <input class="input input-text" readonly="readonly" type="text" @model="area">
+                    <div class="input-select-unit"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <DIV-cy-tabs id="circle-object-edit-tabs">
+            <DIV-cy-tab-pane label="属性信息">
+                ${attributeElm(that)}
+            </DIV-cy-tab-pane>
+            <DIV-cy-tab-pane label="空间信息">
+                    <div class="row">
+                        <div class="col height-mode-box">
+                            <span class="label" style="flex: 0 0 56px;">高度模式</span>
+                            <div class="height-mode"></div>
+                        </div>
+                        <div class="col">
+                            <span class="label">Z值统一增加</span>
+                            <div class="input-number input-number-unit-1 height-box">
+                                <input class="input height" type="number" title="" min="-9999999" max="999999999">
+                                <span class="unit">m</span>
+                                <span class="arrow"></span>
+                            </div>
+                            <button class="confirm height-confirm" style="margin-left: 5px;">确认</button>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="table spatial-info-table">
+                            <div class="table-head">
+                                <div class="tr">
+                                    <div class="th"></div>
+                                    <div class="th">经度（X）</div>
+                                    <div class="th">纬度（Y）</div>
+                                    <div class="th">高度（Z）</div>
+                                </div>
+                            </div>
+                            <div class="table-body">
+                            </div>
+                        </div>
+                    </div>
+            </DIV-cy-tab-pane>
+            <DIV-cy-tab-pane label="面风格">
+                <div class="row">
+                    <div class="col">
+                        <span class="label">面颜色</span>
+                        <div class="color"></div>
+                    </div>
+                    <div class="col">
+                        <span class="label">边线颜色</span>
+                        <div class="lineColor"></div>
+                    </div>
+                    <div class="col">
+                        <span class="label">边线宽度</span>
+                        <div class="input-number input-number-unit-2" style="width: 80px;">
+                            <input class="input" type="number" title="" min="0" max="99" @model="lineWidth">
+                            <span class="unit">px</span>
+                            <span class="arrow"></span>
+                        </div>
+                    </div>
+                </div>
+            </DIV-cy-tab-pane>
+            <DIV-cy-tab-pane label="标注风格">
+                ${labelStyleElm1()}
+            </DIV-cy-tab-pane>
+            <DIV-cy-tab-pane label="标签风格">
+                ${labelStyleElm2()}
+            </DIV-cy-tab-pane>
+        </DIV-cy-tabs>
+    </div>
+    `
+}
+
+export { html }