浏览代码

样式优化

seimin 1 年之前
父节点
当前提交
3e1f8fa995

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

@@ -1,6 +1,12 @@
1 1
 :host{
2 2
   ::ng-deep .ant-card-body{
3 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 11
   ::ng-deep .ant-card-head-title{
6 12
     padding: 8px 0 !important;

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

@@ -653,11 +653,8 @@
653 653
                     {{ data.startDept ? data.startDept.dept : ""
654 654
                     }}{{ data.endDepts ? " -> " + data.endDepts[0].dept : "" }}
655 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 658
                     <span>{{ data.goods }}</span>
662 659
                   </span>
663 660
                   <span class="right" *ngIf="data.workOrderRemark" [title]="data.workOrderRemark">

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

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