[完善]超出字体显示省略号

src/app/pages/criminal-records-admin/criminal-records-admin.component.scss

@@ -27,9 +27,11 @@
       // flex: 5;
       width: 150px;
     }
+
     .searchParamsLong {
       width: 250px;
     }
+
     .searchParams2 {
       width: 220px;
     }
@@ -41,9 +43,11 @@
     nz-select {
       color: rgba(145, 204, 255, 0.95);
     }
+
     nz-tree-select {
       color: rgba(145, 204, 255, 0.95);
     }
+
     nz-range-picker {
       background-color: rgba(0, 0, 0, 0);
       width: 100%;
@@ -221,10 +225,12 @@
             background: none;
             cursor: pointer;
           }
+
           .rankingBtnbox {
             display: flex;
             flex-direction: column;
           }
+
           .selectedbtn {
             background: linear-gradient(180deg, #000D21 0%, #001331 27%, #2399FF 100%);
             color: white;
@@ -269,12 +275,16 @@
 
           div {
             color: #91CCFF;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
             .look {
               color: #36A2FF;
               cursor: pointer;
             }
           }
+
           img {
             width: 36px;
           }
@@ -365,6 +375,7 @@
     .chartsbox {
       width: 100%;
       height: 43%;
+
       .chartname {
         position: absolute;
         left: 20px;
@@ -373,6 +384,7 @@
 
       .chart {
         height: 100%;
+
         div {
           span {
             font-size: 14px;
@@ -414,6 +426,7 @@
             display: flex;
             flex-direction: row;
             z-index: 999;
+
             .rankingBtn {
               margin-right: 12px;
             }
@@ -435,9 +448,11 @@
           .tr {
             height: 32px;
             line-height: 32px;
+
             div {
               font-size: 12px !important;
             }
+
             img {
               width: 32px;
             }
@@ -455,6 +470,7 @@
     padding: 0 22px;
     height: 32px;
     margin-bottom: 6px;
+
     form {
       width: 100%;
       height: 32px;
@@ -509,6 +525,7 @@
     .chartsbox {
       width: 100%;
       height: 40%;
+
       .chartname {
         position: absolute;
         left: 20px;
@@ -517,6 +534,7 @@
 
       .chart {
         height: 100%;
+
         div {
           span {
             font-size: 14px;
@@ -547,6 +565,7 @@
 
         .rightbox {
           box-shadow: 0 0 22px 0px #1a7fd7 inset;
+
           .btnbox {
             position: absolute;
             right: 28px;
@@ -554,6 +573,7 @@
             display: flex;
             flex-direction: row;
             z-index: 999;
+
             .rankingBtn {
               margin-right: 8px;
             }
@@ -575,9 +595,11 @@
           .tr {
             height: 28px;
             line-height: 28px;
+
             div {
               font-size: 10px !important;
             }
+
             img {
               width: 30px;
             }

src/app/pages/criminal-records/criminal-records.component.scss

@@ -18,16 +18,20 @@
     display: flex;
     justify-content: flex-start;
 
-    .searchParams,.btn{
+    .searchParams,
+    .btn {
       margin: 0 3px;
     }
+
     .searchParams {
       // flex: 5;
       width: 150px;
     }
+
     .searchParams2 {
       width: 220px;
     }
+
     .btn {
       // flex: 1;
     }
@@ -95,9 +99,11 @@
             font-family: titlefont;
             cursor: pointer;
           }
+
           span:nth-child(1) {
             margin-left: 12px;
           }
+
           .grey {
             color: #68829F;
           }
@@ -254,12 +260,16 @@
 
           div {
             color: #91CCFF;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
             .look {
               color: #36A2FF;
               cursor: pointer;
             }
           }
+
           img {
             width: 36px;
           }
@@ -349,6 +359,7 @@
     .chartsbox {
       width: 100%;
       height: 43%;
+
       .chartname {
         position: absolute;
         left: 20px;
@@ -358,6 +369,7 @@
       .chart {
         width: 97%;
         height: 100%;
+
         div {
           span {
             font-size: 14px;
@@ -399,6 +411,7 @@
             display: flex;
             flex-direction: row;
             z-index: 999;
+
             .rankingBtn {
               margin-right: 12px;
             }
@@ -420,9 +433,11 @@
           .tr {
             height: 32px;
             line-height: 32px;
+
             div {
               font-size: 12px !important;
             }
+
             img {
               width: 32px;
             }
@@ -441,6 +456,7 @@
     padding: 0 22px;
     height: 32px;
     margin-bottom: 6px;
+
     form {
       width: 100%;
       height: 32px;
@@ -495,6 +511,7 @@
     .chartsbox {
       width: 100%;
       height: 40%;
+
       .chartname {
         position: absolute;
         left: 20px;
@@ -504,6 +521,7 @@
       .chart {
         width: 98%;
         height: 100%;
+
         div {
           span {
             font-size: 14px;
@@ -534,6 +552,7 @@
 
         .rightbox {
           box-shadow: 0 0 22px 0px #1a7fd7 inset;
+
           .btnbox {
             position: absolute;
             right: 28px;
@@ -541,6 +560,7 @@
             display: flex;
             flex-direction: row;
             z-index: 999;
+
             .rankingBtn {
               margin-right: 8px;
             }
@@ -562,9 +582,11 @@
           .tr {
             height: 28px;
             line-height: 28px;
+
             div {
               font-size: 10px !important;
             }
+
             img {
               width: 30px;
             }

src/app/system-management/user/user.component.ts

@@ -100,7 +100,7 @@ export class UserComponent implements OnInit {
       nzTitle: '新增用户',
       nzContent: AdduserComponent,
       nzViewContainerRef: this.viewContainerRef,
-      nzWidth: 288,
+      nzWidth: 360,
       nzComponentParams: {
         title: '',
         subtitle: ''
@@ -149,7 +149,7 @@ export class UserComponent implements OnInit {
       nzTitle: '编辑用户',
       nzContent: EdituserComponent,
       nzViewContainerRef: this.viewContainerRef,
-      nzWidth: 288,
+      nzWidth: 360,
       // nzOkLoading: true,
       nzComponentParams: {
         data: data,