fix bug

src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.html

@@ -4,11 +4,11 @@
  * @Author       : Shiming
  * @Date         : 2021-12-15 13:17:42
  * @LastEditors  : Shiming
- * @LastEditTime : 2022-02-15 15:12:02
+ * @LastEditTime : 2022-02-21 20:25:47
  * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\audit\\voucher-view\\voucher-view.component.html
  * Copyright (C) 2022 huzhenhong. All rights reserved.
 -->
-
+<div class="sfBox" [ngClass]="Status !== 1 ? 'hideBtn' : ''">
 <sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="formData" button="none">
   <ng-template sf-template="weight" let-me let-ui="ui" let-schema="schema">
     <div style="display: flex">
@@ -23,6 +23,7 @@
     </div>
   </ng-template>
 </sf>
+</div>
 
 <div class="modal-footer">
   <button nz-button type="button"   *ngIf="Status === 1" (click)="close()">关闭</button>

src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.less

@@ -1,7 +1,106 @@
-    .left_btn {
-         width: 50px;
-        height: 32px; 
-         padding-left: 8px;
-         line-height:32px; 
-         background-color: #d7d7d7;
-    }
+:host{
+     ::ng-deep {
+     .ant-input-borderless{
+         padding: 0;
+         padding-top: 4px;
+         color: black;
+         resize:none;
+       }
+       .hideBtn .ant-upload-list-item-actions button{
+         &:last-child{
+           display: none;
+         }
+       }
+     }
+   }
+ .sfBox {
+     position: relative;
+     .example {
+         position: absolute;
+         top: 215px;
+         right: 265px;
+         color: #1890ff;
+         cursor: pointer;
+         .popBox {
+             position: absolute;
+             top: -170px;
+             left: -125px;
+             width: 300px;
+             padding: 20px;
+             text-align: center;
+             background: #fff;
+             border: solid 1px #eee;
+             border-radius: 6px;
+             box-shadow: 0 1px 5px 1px #ececec;
+             &::before {
+                 position: absolute;
+                 bottom: -5px;
+                 left: 50%;
+                 width: 10px;
+                 height: 10px;
+                 margin-left: -5px;
+                 background: #fff;
+                 box-shadow: 0 1px 5px 1px #ececec;
+                 transform: rotate(45deg);
+                 content: '';
+             }
+             &::after {
+                 position: absolute;
+                 bottom: 0;
+                 left: 0;
+                 z-index: 10;
+                 width: 100%;
+                 height: 10px;
+                 background: #fff;
+                 content: '';
+             }
+             img {
+                 max-width: 100%;
+                 max-height: 200px;
+             }
+         }
+     }
+     .pr {
+         position: relative;
+       }
+     
+       .pa {
+         position: absolute;
+         top: 35px;
+         left: 150px;
+       }
+     
+       .tips {
+         display: flex;
+         margin-bottom: 0;
+         color: #333;
+     
+         dt {
+           width: 150px;
+         }
+     
+         dd {
+           width: 190px;
+           margin-bottom: 0;
+           text-align: center;
+         }
+       }
+     .positionSet{
+         top: 356px;
+         right: 235px;
+     }
+     .positionSet01{
+         top: 500px;
+         right: 200px;
+     }
+     .positionSet02{
+         top: 664px;
+         right: 265px;
+     }
+     .positionSet03{
+         top: 808px;
+         right: 205px;
+     
+     }
+ }
+