[新增]右侧属性窗口布局

src/app/ui/collection-tools/collection-tools.component.html

@@ -75,7 +75,6 @@
               <div id="rightOperate">
 
               </div>
-              <!-- 右边定位操作栏 -->
             </div>
           </mat-expansion-panel>
         </mat-accordion>
@@ -129,13 +128,25 @@
               <p>面积(平方米)</p>
               <div class="siteproperty_size">0</div>
               <p>详情</p>
-              <div class="siteproperty_details">京中有善口技者，阿巴阿巴阿巴。 </div>
+              <div class="siteproperty_details">京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。京中有善口技者，阿巴阿巴阿巴。 </div>
             </div>
             <!-- 素材属性 -->
-            <div class="assetsproperty">
-              <h3>实景图片</h3>
+            <div class="assetsproperty" style="">
+              <h3 style="text-align: center;font-weight: 900;">实景照片</h3>
               <p>宽度(像素)</p>
-              input
+              <input type="text" class="biginput">
+              <p>高度(像素)</p>
+              <input type="text" class="biginput">
+              <p>角度</p>
+              <div style="width: 100%;display: flex;vertical-align: top;height: 22px;">
+                <input type="number" class="smallinput" [(ngModel)]="sliderValue" oninput="if(value>360)value=360;if(value<0)value=0;">
+                <mat-slider color="primary" min="0" max="360" step="1" style="bottom: 12px;left: 2px;width: 70%;" [(ngModel)]="sliderValue"></mat-slider>
+              </div>
+              <p>是否高亮</p>
+              <div>
+                <input type="checkbox" style="width: 20px;height: 20px;vertical-align: middle;margin-left: 8px;"><span>选中高亮</span> 
+              </div>
+              
             </div>
           </div>
           <!-- 消防要素 -->

src/app/ui/collection-tools/collection-tools.component.scss

@@ -2,7 +2,7 @@
 .content {
   width: 100%;
   height: 93%;
-  overflow: hidden;
+  // overflow: hidden;
   box-sizing: border-box;
   padding: 3px;
   display: flex;
@@ -150,6 +150,26 @@
             overflow-y: auto;
           }
         }
+        .assetsproperty{
+          height: 100%;
+          p{
+            color: #9c9fa5;
+            margin:1px 0 3px 8px;
+          }
+          input{
+            height: 18px;
+          }
+          .biginput{
+            display: block;
+            width: 88%;
+            margin: 0 auto;
+          }
+          .smallinput{
+            display: block;
+            width: 19%;
+            margin-left: 8px;
+          }
+        }
       }
     }
   }

src/app/ui/collection-tools/collection-tools.component.ts

@@ -17,6 +17,7 @@ export class CollectionToolsComponent implements OnInit {
   allBuildings //该单位所有建筑
   checkedBuildingDate //当前点击选择的建筑
   isEditPat:boolean =  true //当前是否是编辑模式
+  sliderValue:String = "30"//滑竿的值
   ngOnInit(): void {
     this.getAllLibrary()
     this.getSitePlan()