Conformance: backend update Conformance checker API, fix issues section layout.

src/components/Discover/Conformance/ConformanceResults.vue

@@ -99,8 +99,10 @@
   </section>
   <!-- Issues group -->
   <section>
+    <div v-if="data.issues == ''"></div>
+    <div v-else>
       <p class="h2 text-base">Non-conformance Issues</p>
-    <div class="flex gap-4 w-full"  v-if="data.issues !== null">
+      <div class="flex gap-4 w-full">
         <!-- Issues chart -->
         <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full" v-if="null">
           <p class="h2 pl-2 flex justify-between items-center">
@@ -111,7 +113,7 @@
         <!-- Issues list -->
         <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full">
           <p class="h2 pl-2 mb-2">Issue List</p>
-          <table class="text-sm min-w-full table-fixed">
+            <table class="text-sm min-w-full table-fixed" v-if="data.issues !== 'reset'">
               <tbody>
                 <tr v-for="(trace, key) in data.issues" :key="key">
                   <td class="p-2 pl-6 truncate max-w-0 w-1/3">
@@ -132,6 +134,10 @@
             </table>
         </div>
       </div>
+
+
+    </div>
+
   </section>
   <MoreModal :issusModal="issusModal" @update:visible="issusModal = $event" :issueTraces="issueTraces" :issusNo="issusNo" ref="moreModal"></MoreModal>
 </section>
@@ -177,7 +183,7 @@ export default {
           time: null,
           tasks: null,
         },
-        issues: null
+        issues: 'reset'
       },
       isCoverPlate: false,
       issusModal: false,

src/components/Discover/Conformance/MoreModal.vue

@@ -40,15 +40,15 @@
         <p class="h2 mb-2 px-4">Trace #{{ showTraceId }}</p>
         <div class="h-52 w-full px-2 mb-2 border border-neutral-300 rounded">
           <div class="h-full w-full">
-            <!-- <div id="cfmTrace" ref="cfmTrace" class="h-full min-w-full relative"></div> -->
+            <div id="cfmTrace" ref="cfmTrace" class="h-full min-w-full relative"></div>
           </div>
         </div>
         <div class="overflow-y-auto overflow-x-auto scrollbar h-[calc(100%_-_264px)]">
-            <!-- <DataTable :value="caseData" showGridlines tableClass="text-sm" breakpoint="0">
+            <DataTable :value="caseData" showGridlines tableClass="text-sm" breakpoint="0">
               <div v-for="(col, index) in columnData" :key="index">
                 <Column :field="col.field" :header="col.header" sortable></Column>
               </div>
-            </DataTable> -->
+            </DataTable>
             <!-- <infinite-loading @infinite="infiniteHandler"></infinite-loading> -->
           <!-- <div v-if="!maxItems">Loading more...</div>
           <div v-else>No more data available.</div> -->
@@ -85,9 +85,6 @@ export default {
       },
     }
   },
-  // directives: {
-  //   infiniteScroll, // 注册 vue-infinite-scroll 指令
-  // },
   computed: {
     traceTotal: function() {
       return this.traceList.length;
@@ -230,3 +227,9 @@ export default {
   },
 }
 </script>
+<style scoped>
+/* 進度條顏色 */
+:deep(.p-progressbar .p-progressbar-value) {
+  @apply bg-primary
+}
+</style>