init
This commit is contained in:
		
							
								
								
									
										115
									
								
								src/Obj/Base/PincerArrowObject/_element.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										115
									
								
								src/Obj/Base/PincerArrowObject/_element.js
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,115 @@ | ||||
| import { attributeElm, labelStyleElm1, labelStyleElm2 } from '../../Element/elm_html' | ||||
|  | ||||
| function html(that) { | ||||
|     return ` | ||||
|     <span class="custom-divider"></span> | ||||
|     <div class="div-item"> | ||||
|         <div class="row" style="align-items: flex-start;"> | ||||
|             <div class="col"> | ||||
|                 <span class="label" style="flex: 0 0 56px;">名称</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 class="col"> | ||||
|                 <span class="label">动画时长</span> | ||||
|                 <div class="input-number input-number-unit-3"> | ||||
|                     <input class="input blur" type="number" title="" min="500" max="9999999" @model="spreadTime"> | ||||
|                     <span class="unit">ms</span> | ||||
|                     <span class="arrow"></span> | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div class="col" style="flex: 0 0 60%;"> | ||||
|                 <div class="row"> | ||||
|                     <div class="col"> | ||||
|                         <span class="label">动画</span> | ||||
|                         <input class="btn-switch" type="checkbox" @model="spreadState"> | ||||
|                     </div> | ||||
|                     <div class="col"> | ||||
|                         <span class="label">动画重复</span> | ||||
|                         <input class="btn-switch" type="checkbox" @model="loop"> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|     <div class="div-item"> | ||||
|         <div class="row"> | ||||
|             <DIV-cy-tabs id="pincer-arrow-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> | ||||
|     </div> | ||||
|     <span class="custom-divider"></span> | ||||
|     ` | ||||
| } | ||||
|  | ||||
| export { html } | ||||
							
								
								
									
										2683
									
								
								src/Obj/Base/PincerArrowObject/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										2683
									
								
								src/Obj/Base/PincerArrowObject/index.js
									
									
									
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
		Reference in New Issue
	
	Block a user