Browse Source

样式优化

seimin 1 year ago
parent
commit
3e1f8fa995

+ 6 - 0
src/app/views/form-management-detail/form-management-detail.component.less

@@ -1,6 +1,12 @@
1
 :host{
1
 :host{
2
   ::ng-deep .ant-card-body{
2
   ::ng-deep .ant-card-body{
3
     padding: 8px !important;
3
     padding: 8px !important;
4
+    // height: 115px !important;
5
+    // overflow-y: auto;
6
+  }
7
+  ::ng-deep .detail_item .ant-row{
8
+    display: flex !important;
9
+    flex-wrap: wrap !important;
4
   }
10
   }
5
   ::ng-deep .ant-card-head-title{
11
   ::ng-deep .ant-card-head-title{
6
     padding: 8px 0 !important;
12
     padding: 8px 0 !important;

+ 2 - 5
src/app/views/fuwutai/fuwutai.component.html

@@ -653,11 +653,8 @@
653
                     {{ data.startDept ? data.startDept.dept : ""
653
                     {{ data.startDept ? data.startDept.dept : ""
654
                     }}{{ data.endDepts ? " -> " + data.endDepts[0].dept : "" }}
654
                     }}{{ data.endDepts ? " -> " + data.endDepts[0].dept : "" }}
655
                   </span>
655
                   </span>
656
-                  <span class="right">
657
-                    <i
658
-                      class="icon_transport transport-icon3"
659
-                      *ngIf="data.goods"
660
-                    ></i>
656
+                  <span class="right" *ngIf="data.goods">
657
+                    <i class="icon_transport transport-icon3"></i>
661
                     <span>{{ data.goods }}</span>
658
                     <span>{{ data.goods }}</span>
662
                   </span>
659
                   </span>
663
                   <span class="right" *ngIf="data.workOrderRemark" [title]="data.workOrderRemark">
660
                   <span class="right" *ngIf="data.workOrderRemark" [title]="data.workOrderRemark">

+ 20 - 0
src/app/views/fuwutai/fuwutai.component.less

@@ -779,16 +779,26 @@
779
     height: 24px;
779
     height: 24px;
780
     line-height: 24px;
780
     line-height: 24px;
781
     margin-top: 8px;
781
     margin-top: 8px;
782
+    display: flex;
782
   }
783
   }
783
 
784
 
784
   .daidaoda .didian .left {
785
   .daidaoda .didian .left {
785
     float: left;
786
     float: left;
786
     color: #666666;
787
     color: #666666;
787
     font-size: 14px;
788
     font-size: 14px;
789
+    flex: 1;
790
+    white-space: nowrap;
791
+    overflow: hidden;//文本超出隐藏
792
+    text-overflow: ellipsis;//文本超出省略号替代
788
   }
793
   }
789
 
794
 
790
   .daidaoda .didian .right {
795
   .daidaoda .didian .right {
791
     float: right;
796
     float: right;
797
+    flex: 1;
798
+    white-space: nowrap;
799
+    overflow: hidden;//文本超出隐藏
800
+    text-overflow: ellipsis;//文本超出省略号替代
801
+    text-align: right;
792
   }
802
   }
793
 
803
 
794
   .daidaoda .didian .right i {
804
   .daidaoda .didian .right i {
@@ -899,16 +909,26 @@
899
     height: 24px;
909
     height: 24px;
900
     line-height: 24px;
910
     line-height: 24px;
901
     margin-top: 8px;
911
     margin-top: 8px;
912
+    display: flex;
902
   }
913
   }
903
 
914
 
904
   .zhixingzhong .didian .left {
915
   .zhixingzhong .didian .left {
905
     float: left;
916
     float: left;
906
     color: #666666;
917
     color: #666666;
907
     font-size: 14px;
918
     font-size: 14px;
919
+    flex: 1;
920
+    white-space: nowrap;
921
+    overflow: hidden;//文本超出隐藏
922
+    text-overflow: ellipsis;//文本超出省略号替代
908
   }
923
   }
909
 
924
 
910
   .zhixingzhong .didian .right {
925
   .zhixingzhong .didian .right {
911
     float: right;
926
     float: right;
927
+    flex: 1;
928
+    white-space: nowrap;
929
+    overflow: hidden;//文本超出隐藏
930
+    text-overflow: ellipsis;//文本超出省略号替代
931
+    text-align: right;
912
   }
932
   }
913
 
933
 
914
   .zhixingzhong .didian .right i {
934
   .zhixingzhong .didian .right i {