75 lines
2.7 KiB
JavaScript
75 lines
2.7 KiB
JavaScript
import { attributeElm, labelStyleElm1, labelStyleElm2 } from '../../Element/elm_html'
|
|
|
|
function html(that) {
|
|
return `
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">名称</span>
|
|
<input class="input" maxlength="40" type="text" @model="name">
|
|
</div>
|
|
<div class="col">
|
|
<span class="label">颜色</span>
|
|
<div class="color"></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-1">
|
|
<input class="input" type="number" title="" data-min="0.01" max="999999" @model="width">
|
|
<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">
|
|
<input class="input" type="number" title="" min="0" max="999999999" @model="extrudedHeight">
|
|
<span class="unit">m</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col corner-type-box">
|
|
<span class="label">拐角类型</span>
|
|
<div class="corner-type"></div>
|
|
</div>
|
|
<div class="col material-box">
|
|
<span class="label">墙体样式</span>
|
|
<div class="material"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">墙体闭合</span>
|
|
<input class="btn-switch" type="checkbox" @model="noseToTail">
|
|
</div>
|
|
<div class="col">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<DIV-cy-tabs id="radar-scan-edit-tabs">
|
|
<DIV-cy-tab-pane label="属性信息">
|
|
${attributeElm(that)}
|
|
</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>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
`
|
|
}
|
|
export { html } |