From 2984392c1193727e6626e697fd105cf05bb4efe6 Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Tue, 17 Aug 2021 08:47:12 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=8E=BB=E6=8E=89user-sele?=
 =?UTF-8?q?ct:=20none?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../allaround/allaround.component.scss        |   6 -
 .../basic-info/basic-info.component.scss      |   6 -
 .../cad-draw/cad-draw.component.scss          |   6 -
 .../fire-facilities.component.scss            |   6 -
 .../function-partition.component.scss         |   6 -
 .../gis-management/gis-labeling/lookPlan.scss |  10 -
 .../key-site-look/key-site.component.scss     |   6 -
 .../plan-list/plan-list.component.scss        |   6 -
 .../realistic-picture.component.scss          |   6 -
 .../basicinfo/addhouseinfo.component.html     |   6 +-
 .../allaround/allaround.component.scss        |   6 -
 .../basic-info/basic-info.component.scss      |   6 -
 .../cad-draw/cad-draw.component.scss          |   6 -
 .../fire-facilities.component.scss            |   6 -
 .../function-partition.component.scss         |   6 -
 .../key-site-look/key-site.component.scss     |   6 -
 .../plan-list/plan-list.component.scss        |   6 -
 .../realistic-picture.component.scss          |   6 -
 .../create-plan-online-five.component.scss    |   6 -
 src/app/tabbar/tabbar.component.scss          |   1 -
 .../collection-tools.component.html           |   2 +-
 .../collection-tools.component.scss           | 221 ++++++++++--------
 src/styles.scss                               |   1 +
 23 files changed, 124 insertions(+), 219 deletions(-)

diff --git a/src/app/gis-management/allaround/allaround.component.scss b/src/app/gis-management/allaround/allaround.component.scss
index dd828a2..45cd0e0 100644
--- a/src/app/gis-management/allaround/allaround.component.scss
+++ b/src/app/gis-management/allaround/allaround.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/basic-info/basic-info.component.scss b/src/app/gis-management/basic-info/basic-info.component.scss
index 282cfe8..6003c92 100644
--- a/src/app/gis-management/basic-info/basic-info.component.scss
+++ b/src/app/gis-management/basic-info/basic-info.component.scss
@@ -2,12 +2,6 @@
 table,table tr th, table tr td { border: 1px solid #EEF1F5; }
 table { text-align: center; border-collapse: collapse; padding:2px;}  
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/cad-draw/cad-draw.component.scss b/src/app/gis-management/cad-draw/cad-draw.component.scss
index ddf1517..ff9b22f 100644
--- a/src/app/gis-management/cad-draw/cad-draw.component.scss
+++ b/src/app/gis-management/cad-draw/cad-draw.component.scss
@@ -1,10 +1,4 @@
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/fire-facilities/fire-facilities.component.scss b/src/app/gis-management/fire-facilities/fire-facilities.component.scss
index 180645e..f5d7706 100644
--- a/src/app/gis-management/fire-facilities/fire-facilities.component.scss
+++ b/src/app/gis-management/fire-facilities/fire-facilities.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/function-partition/function-partition.component.scss b/src/app/gis-management/function-partition/function-partition.component.scss
index df4d0d5..64dba43 100644
--- a/src/app/gis-management/function-partition/function-partition.component.scss
+++ b/src/app/gis-management/function-partition/function-partition.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/gis-labeling/lookPlan.scss b/src/app/gis-management/gis-labeling/lookPlan.scss
index c9936e4..6124465 100644
--- a/src/app/gis-management/gis-labeling/lookPlan.scss
+++ b/src/app/gis-management/gis-labeling/lookPlan.scss
@@ -1,14 +1,4 @@
-// table,table tr th, table tr td { border: 1px solid #EEF1F5; }
 table { text-align: center; border-collapse: collapse; padding:2px;}  
-*{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-
 .box{
     position: relative;
     display: flex;
diff --git a/src/app/gis-management/key-site-look/key-site.component.scss b/src/app/gis-management/key-site-look/key-site.component.scss
index f085649..ea61a5e 100644
--- a/src/app/gis-management/key-site-look/key-site.component.scss
+++ b/src/app/gis-management/key-site-look/key-site.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/plan-list/plan-list.component.scss b/src/app/gis-management/plan-list/plan-list.component.scss
index fd8de1e..866a192 100644
--- a/src/app/gis-management/plan-list/plan-list.component.scss
+++ b/src/app/gis-management/plan-list/plan-list.component.scss
@@ -1,10 +1,4 @@
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/gis-management/realistic-picture-look/realistic-picture.component.scss b/src/app/gis-management/realistic-picture-look/realistic-picture.component.scss
index 2354ca6..35b37f2 100644
--- a/src/app/gis-management/realistic-picture-look/realistic-picture.component.scss
+++ b/src/app/gis-management/realistic-picture-look/realistic-picture.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/key-unit/basicinfo/addhouseinfo.component.html b/src/app/key-unit/basicinfo/addhouseinfo.component.html
index 3ce162d..e4afdf0 100644
--- a/src/app/key-unit/basicinfo/addhouseinfo.component.html
+++ b/src/app/key-unit/basicinfo/addhouseinfo.component.html
@@ -1,14 +1,14 @@
 <div mat-dialog-title>新增建筑</div>
 <form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container">
 
-    <mat-form-field  hintLabel="名字不多于20个字">
+    <mat-form-field  hintLabel="名字不多于30个字">
       <input matInput id="name" name="name"
       required
-      maxlength="20"
+      maxlength="30"
       ngModel #name="ngModel" placeholder="建筑名称"
       #input
      >
-     <mat-hint align="end">{{input.value?.length || 0}}/20</mat-hint>
+     <mat-hint align="end">{{input.value?.length || 0}}/30</mat-hint>
     </mat-form-field>
   
     <mat-form-field>
diff --git a/src/app/plan-audit/allaround/allaround.component.scss b/src/app/plan-audit/allaround/allaround.component.scss
index 87171e1..6d4ee84 100644
--- a/src/app/plan-audit/allaround/allaround.component.scss
+++ b/src/app/plan-audit/allaround/allaround.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/basic-info/basic-info.component.scss b/src/app/plan-audit/basic-info/basic-info.component.scss
index abf4034..fe40bb3 100644
--- a/src/app/plan-audit/basic-info/basic-info.component.scss
+++ b/src/app/plan-audit/basic-info/basic-info.component.scss
@@ -2,12 +2,6 @@
 table,table tr th, table tr td { border: 1px solid #EEF1F5; }
 table { text-align: center; border-collapse: collapse; padding:2px;}  
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/cad-draw/cad-draw.component.scss b/src/app/plan-audit/cad-draw/cad-draw.component.scss
index e86625f..553eedc 100644
--- a/src/app/plan-audit/cad-draw/cad-draw.component.scss
+++ b/src/app/plan-audit/cad-draw/cad-draw.component.scss
@@ -1,10 +1,4 @@
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/fire-facilities/fire-facilities.component.scss b/src/app/plan-audit/fire-facilities/fire-facilities.component.scss
index 4603c4f..ac7d109 100644
--- a/src/app/plan-audit/fire-facilities/fire-facilities.component.scss
+++ b/src/app/plan-audit/fire-facilities/fire-facilities.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/function-partition/function-partition.component.scss b/src/app/plan-audit/function-partition/function-partition.component.scss
index ae374e8..19abfea 100644
--- a/src/app/plan-audit/function-partition/function-partition.component.scss
+++ b/src/app/plan-audit/function-partition/function-partition.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/key-site-look/key-site.component.scss b/src/app/plan-audit/key-site-look/key-site.component.scss
index 0a53cc5..a6c0cae 100644
--- a/src/app/plan-audit/key-site-look/key-site.component.scss
+++ b/src/app/plan-audit/key-site-look/key-site.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/plan-list/plan-list.component.scss b/src/app/plan-audit/plan-list/plan-list.component.scss
index 9f43ce3..11d3e00 100644
--- a/src/app/plan-audit/plan-list/plan-list.component.scss
+++ b/src/app/plan-audit/plan-list/plan-list.component.scss
@@ -1,10 +1,4 @@
 *{
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-audit/realistic-picture-look/realistic-picture.component.scss b/src/app/plan-audit/realistic-picture-look/realistic-picture.component.scss
index 9eed8fb..a105673 100644
--- a/src/app/plan-audit/realistic-picture-look/realistic-picture.component.scss
+++ b/src/app/plan-audit/realistic-picture-look/realistic-picture.component.scss
@@ -1,10 +1,4 @@
 *{
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   scrollbar-width: none; /* Firefox */
 } 
 ::-webkit-scrollbar {
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
index 5218c8c..434fc0c 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.scss
@@ -1,10 +1,4 @@
 * {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     scrollbar-width: none; /* Firefox */
 }
 ::-webkit-scrollbar {
diff --git a/src/app/tabbar/tabbar.component.scss b/src/app/tabbar/tabbar.component.scss
index d19e1b6..7884a74 100644
--- a/src/app/tabbar/tabbar.component.scss
+++ b/src/app/tabbar/tabbar.component.scss
@@ -187,7 +187,6 @@ mat-icon{
 }
 //计分规则按钮
 .scoringRule,.isUpdates{
-    user-select: none;
     position: absolute;
     left: 440px;
     cursor: pointer;
diff --git a/src/app/ui/collection-tools-building/collection-tools.component.html b/src/app/ui/collection-tools-building/collection-tools.component.html
index 2286f3a..0205cc7 100644
--- a/src/app/ui/collection-tools-building/collection-tools.component.html
+++ b/src/app/ui/collection-tools-building/collection-tools.component.html
@@ -55,7 +55,7 @@
   <div class="headerOperate">
     <button mat-button *ngFor="let item of allBuildings;let key = index" (click)="checkedBuilding(item,key)"
       class="bigeditdeletebtn" [ngClass]="{'buildingbtnchecked': checkedBuildingIndex==key}">
-      <span>{{item.name}}</span>
+      <span class="bigeditdeletebtnname" [title]="item.name">{{item.name}}</span>
       <span class="editdeletebtn" *ngIf="isEditPattern && pattern">
         <mat-icon (click)="editBuilding($event,item)"
           style="font-size: 23px;vertical-align:sub;margin-left: 6px;color: rgb(26, 194, 26);">create</mat-icon>
diff --git a/src/app/ui/collection-tools-building/collection-tools.component.scss b/src/app/ui/collection-tools-building/collection-tools.component.scss
index c29bc5a..3d072d4 100644
--- a/src/app/ui/collection-tools-building/collection-tools.component.scss
+++ b/src/app/ui/collection-tools-building/collection-tools.component.scss
@@ -1,9 +1,11 @@
-@import './panel.scss';
-html{
-  ::-webkit-scrollbar {display:none}
+@import "./panel.scss";
+html {
+  ::-webkit-scrollbar {
+    display: none;
+  }
 }
-.icongray{
-  color: #D9D0DC;
+.icongray {
+  color: #d9d0dc;
 }
 .content {
   width: 100%;
@@ -14,8 +16,8 @@ html{
   display: flex;
   flex-direction: column;
 
-  .buildingbtnchecked{
-    background-color: #34A6FD;
+  .buildingbtnchecked {
+    background-color: #34a6fd;
     color: white;
   }
 }
@@ -25,39 +27,42 @@ html{
   position: relative;
   flex: 5%;
   display: flex;
-  align-items:center;
+  align-items: center;
   min-height: 40px;
   background-color: #fff;
-  .zoom{
+  .zoom {
     display: flex;
     align-items: center;
     margin-left: 15px;
     cursor: pointer;
-    img{
+    img {
       margin-right: 3px;
     }
   }
   .marginLeftRight {
     margin: 0 8px;
     font-size: 16px;
-    user-select: none;
+    user-select: none;
     cursor: pointer;
-    .mat-icon { vertical-align: middle; font-size: 24px; }
+    .mat-icon {
+      vertical-align: middle;
+      font-size: 24px;
+    }
   }
-  .copytobutn{
+  .copytobutn {
     width: 60px;
     min-width: 60px;
     display: flex;
     justify-content: center;
   }
-  span{
+  span {
     height: 24px;
     line-height: 24px;
   }
-  .patternSwitch{
+  .patternSwitch {
     position: absolute;
     right: 140px;
-    span{
+    span {
       font-size: 18px;
       cursor: pointer;
       margin: 0 3px;
@@ -66,7 +71,7 @@ html{
       border-radius: 3px;
       padding: 0 5px;
     }
-    .selectedPattern{
+    .selectedPattern {
       background-color: #2196f3;
       color: white;
     }
@@ -75,37 +80,50 @@ html{
     cursor: pointer;
     position: absolute;
     right: 60px;
-    label { vertical-align: middle; color: #279FFF; }
+    label {
+      vertical-align: middle;
+      color: #279fff;
+    }
   }
 }
 
 //头部操作栏
 .headerOperate {
   img {
-    width: 24px; 
+    width: 24px;
     height: 24px;
     vertical-align: middle;
     margin-left: 1px;
   }
-  span{
-    font-size: 18px;
+  span {
+    font-size: 15px;
   }
   flex: 5%;
   display: flex;
-  align-items:center;
+  align-items: center;
   min-height: 40px;
   box-sizing: border-box;
   margin: 3px 0;
   background-color: white;
-  button{
+  button {
     border: 0.5px solid rgb(208, 211, 214);
     margin: 0 2px;
   }
-  .editdeletebtn{
+  .editdeletebtn {
     display: none;
   }
-  .bigeditdeletebtn:hover{
-    .editdeletebtn{
+  .bigeditdeletebtn {
+    max-width: 200px;
+    .bigeditdeletebtnname {
+      display: inline-block;
+      max-width: 120px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  .bigeditdeletebtn:hover {
+    .editdeletebtn {
       display: inline-block;
     }
   }
@@ -114,7 +132,7 @@ html{
 //功能区
 // icon统一样式
 .mat-icon {
-  cursor:pointer;
+  cursor: pointer;
   vertical-align: middle;
 }
 //左右两侧功能栏 统一样式
@@ -139,11 +157,11 @@ html{
     margin-left: 0px;
     transition: margin-left 0.5s;
     min-width: 235px;
-    border: 1px solid #E6EAEE;
+    border: 1px solid #e6eaee;
     width: 235px;
     left: 0;
     z-index: 112;
-    .leftDragDiv{
+    .leftDragDiv {
       position: absolute;
       right: 0;
       height: 100%;
@@ -155,48 +173,45 @@ html{
   .functionalDomainRight {
     z-index: 1001;
     margin-right: 0px;
-    transition:  margin-right 0.5s;
+    transition: margin-right 0.5s;
     border: 1px solid #464646;
     width: 235px;
     right: 0;
-    
   }
 
-  @media screen and (max-width:1300px){
-    
-    .functionalDomainLeft{
+  @media screen and (max-width: 1300px) {
+    .functionalDomainLeft {
       min-width: 195px;
       width: 195px;
     }
-    .functionalDomainRight{
+    .functionalDomainRight {
       width: 195px;
     }
   }
-    //右边导航栏显示隐藏
+  //右边导航栏显示隐藏
   .togglePanel2 {
     margin-right: -2000px;
-    transition:  margin-right 1s;
+    transition: margin-right 1s;
   }
   //左侧导航栏显示隐藏
   .togglePanel {
     margin-left: -2000px;
     transition: margin-left 1s;
   }
-
 }
 
 //右边操作栏
-.title{
+.title {
   width: 100%;
   height: 35px;
   background-color: #464646;
-  div{
+  div {
     width: 50%;
     height: 35px;
     line-height: 35px;
     background-color: #595959;
     border-radius: 5px;
-    span{
+    span {
       color: white;
       font-size: 14px;
       font-weight: 400;
@@ -206,24 +221,24 @@ html{
 }
 
 //右侧属性
-.property{
+.property {
   display: flex;
   flex-flow: column;
-  .siteproperty{
+  .siteproperty {
     height: 100%;
     overflow-y: auto;
-    p{
+    p {
       color: #9c9fa5;
       padding-left: 5px;
     }
-    .siteproperty_size{
+    .siteproperty_size {
       background-color: #e3e3e3;
       width: 93%;
       margin: 0 auto;
       border-radius: 3px;
       min-height: 21px;
     }
-    .rightAttribute{
+    .rightAttribute {
       width: 12%;
       height: 99.5%;
       position: absolute;
@@ -233,55 +248,55 @@ html{
       border: 2px solid #464646;
     }
   }
-  .assetsproperty{
+  .assetsproperty {
     overflow-y: auto;
     height: 100%;
-    p{
+    p {
       color: #9c9fa5;
-      margin:1px 0 3px 8px;
+      margin: 1px 0 3px 8px;
       font-size: 14px;
     }
-    span{
+    span {
       font-size: 15px;
     }
-    input{
+    input {
       height: 18px;
     }
-    .biginput{
+    .biginput {
       display: block;
       width: 88%;
       margin: 0 auto;
     }
-    .smallinput{
+    .smallinput {
       display: block;
       width: 19%;
       margin-left: 8px;
     }
-    .textarea{
+    .textarea {
       display: block;
       width: 88%;
       height: 50px;
       margin: 0 auto;
     }
-    .swiper-button-next{
+    .swiper-button-next {
       right: 6px;
     }
-    .swiper-button-prev{
+    .swiper-button-prev {
       left: 6px;
     }
-    .swiper-container{
+    .swiper-container {
       // --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
       // --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
-      --swiper-navigation-size:20px;/* 设置按钮大小 */
+      --swiper-navigation-size: 20px; /* 设置按钮大小 */
     }
-    .hoverred:hover{
+    .hoverred:hover {
       color: rgb(187, 28, 28);
     }
-    .selectDiv{
+    .selectDiv {
       height: 21px;
       position: relative;
       margin-bottom: 5px;
-      select{
+      select {
         width: 98px;
         height: 22px;
         vertical-align: middle;
@@ -292,17 +307,17 @@ html{
         border-radius: 2px;
       }
     }
-    .colorBigDiv{
+    .colorBigDiv {
       width: 88%;
       margin-left: 8px;
-      .colorBigTemplateDiv{
-        span{
+      .colorBigTemplateDiv {
+        span {
           color: #9c9fa5;
           font-size: 14px;
           height: 26px;
           line-height: 26px;
         }
-        .colorTemplateDiv{
+        .colorTemplateDiv {
           width: 65%;
           height: 22px;
           display: inline-block;
@@ -310,21 +325,20 @@ html{
           margin-left: 26px;
         }
       }
-      
-      .colorDiv{
-        .colorLi{
+
+      .colorDiv {
+        .colorLi {
           width: 24px;
           height: 24px;
           list-style: none;
           float: left;
           border: 2px solid white;
         }
-        .coloractive{
+        .coloractive {
           border: 2px solid black;
         }
       }
     }
-      
   }
 }
 .hideAllTreeNode {
@@ -335,21 +349,25 @@ html{
   height: 24px;
   line-height: 24px;
   display: flex;
-  label { display: inline-block; flex: 1; cursor: pointer; }
+  label {
+    display: inline-block;
+    flex: 1;
+    cursor: pointer;
+  }
 }
 //右侧消防要素
-.firecategories{
+.firecategories {
   background-color: #fff;
   position: relative;
   display: flex;
   flex-flow: column;
-  .firecategoriesTree{
+  .firecategoriesTree {
     overflow-y: auto;
     height: 100%;
-    mat-tree-node{
+    mat-tree-node {
       position: relative;
     }
-    .isLookCss{
+    .isLookCss {
       position: absolute;
       right: 6px;
     }
@@ -362,11 +380,11 @@ div:focus {
 }
 
 //没有图片时显示无图片背景图
-.noImgCss{
+.noImgCss {
   background: url(../../../assets/images/noImg.png) no-repeat center center;
-  background-size: 88% 100%;/*按比例缩放*/
+  background-size: 88% 100%; /*按比例缩放*/
 }
-.input{
+.input {
   width: 18px;
   height: 18px;
   vertical-align: middle;
@@ -374,22 +392,21 @@ div:focus {
   margin-right: 3px;
 }
 
-
 // tree
-.mat-tree-node{
+.mat-tree-node {
   min-height: 0;
   height: 32px;
   line-height: 32px;
   font-size: 13px;
   cursor: pointer;
 }
-.treeNode:hover{
+.treeNode:hover {
   background-color: #ccebf8;
 }
-.isLookPattern{
+.isLookPattern {
   display: none;
 }
-.treeText{
+.treeText {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -397,49 +414,49 @@ div:focus {
   width: 65px;
 }
 
-.bigBox{
+.bigBox {
   width: 700px;
   height: 40px;
   position: absolute;
   overflow: hidden;
   right: 0;
 }
-.weatherBox{
+.weatherBox {
   height: 40px;
   width: 700px;
   line-height: 40px;
   position: absolute;
   right: 0;
-  transition: right linear .5s;
-  .openbtn{
+  transition: right linear 0.5s;
+  .openbtn {
     font-size: 45px;
     height: 45px;
     width: 40px;
   }
-  .name{
+  .name {
     font-size: 16px;
     vertical-align: middle;
     margin-left: 3px;
   }
-  input{
+  input {
     width: 140px;
     height: 22px;
     margin-left: 3px;
   }
-  select{
+  select {
     width: 96px;
     height: 25px;
     margin-left: 3px;
     vertical-align: middle;
   }
 }
-.open{
+.open {
   right: 0px;
 }
-.close{
-  right:-622px;
+.close {
+  right: -622px;
 }
-.bottomCss{
+.bottomCss {
   position: absolute;
   left: 232px;
   right: 0px;
@@ -449,7 +466,7 @@ div:focus {
   z-index: 100;
   background-color: white;
   border: 1px solid #464646;
-  .dragDiv{
+  .dragDiv {
     width: 100%;
     height: 3px;
     position: absolute;
@@ -457,10 +474,10 @@ div:focus {
     z-index: 1000;
     cursor: n-resize;
   }
-  .title{
+  .title {
     height: 35px;
     background-color: #464646;
-    div{
+    div {
       background-color: #464646;
       float: left;
       width: 80px;
@@ -469,14 +486,14 @@ div:focus {
       padding-left: 5px;
       cursor: pointer;
     }
-    .detailsAndattentBtn{
+    .detailsAndattentBtn {
       background-color: #595959;
     }
   }
-  .body{
-    textarea{
+  .body {
+    textarea {
       width: 100%;
       border-radius: 0px;
-   }   
+    }
   }
-}
\ No newline at end of file
+}
diff --git a/src/styles.scss b/src/styles.scss
index 61e0f2b..9391785 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -19,6 +19,7 @@ html,body{
 	textarea{
 		font-family: Regular
 	}
+	user-select:auto!important
 }
 ul,ol,dl,li,dt,dd,p,form,input,h1,h2,h3,h4,h5,h6,section,article,aside,header,footer,nav,figure,time,mark,main,canvas{
 	margin:0;