s202226701001/tailor-app/myapp/src/app/report/report.component.html

<ion-header>
  <ion-toolbar>
    <!-- <ion-button >
      Click me
    </ion-button> -->
    <ion-back-button slot="start"></ion-back-button>
  </ion-toolbar>
</ion-header>
<ion-content>

  


 <ion-grid
 style="margin: 0;padding: 0;margin-left: 10px;margin-right: 15px;margin-top: 20px;">
 <ion-row class="table-header">
   <ion-col col-12 text-center>
     <strong style="font-size: 20px;">服装设计方案表</strong>
   </ion-col>
 </ion-row>

 <!-- 表格内容 -->
 <ion-row *ngFor="let key of JSONKeys"  >
   <ion-col  text-left size="2" style="border-right: 1px solid #ddd;"><strong>{{key}}</strong></ion-col>
   <!-- <ion-col col-8 text-left>{{ JSONobject2[key] || "无"}} </ion-col> -->
   <ion-col  text-left style="position: relative;">
     <div style="display: flex;align-items: center;justify-content: center;  padding: 0px;">
       @if(key=="detail"){
         <fm-markdown-preview class="content-style" [content]="JSONobject[key]" ></fm-markdown-preview>
       }
       @if(key!="detail"){
         {{ JSONobject[key] || "无"}}
       }
       
       
     </div>
   </ion-col>
   <!-- <ion-col col-8 text-left>{{ 22}}</ion-col> -->

 </ion-row>
 
 <!-- 可以继续添加更多行 -->
</ion-grid>




</ion-content>