diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index c10e9d0..4462ac9 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -99,39 +99,45 @@
   </section>
   <!-- Issues group -->
   <section>
-    <p class="h2 text-base">Non-conformance Issues</p>
-    <div class="flex gap-4 w-full"  v-if="data.issues !== null">
-      <!-- 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">
-          <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span>
-          <span class="text-2xl"><span class="text-cfm-secondary">3.89K</span>/38.9K</span>
-        </p>
-      </div>
-      <!-- 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">
-            <tbody>
-              <tr v-for="(trace, key) in data.issues" :key="key">
-                <td class="p-2 pl-6 truncate max-w-0 w-1/3">
-                    <span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.issue }}
+    <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">
+        <!-- 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">
+            <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span>
+            <span class="text-2xl"><span class="text-cfm-secondary">3.89K</span>/38.9K</span>
+          </p>
+        </div>
+        <!-- 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" 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">
+                      <span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.issue }}
+                    </td>
+                  <td class="p-2 min-w-[96px] w-2/5">
+                    <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
+                      <div class="h-full bg-primary" :style="trace.value"></div>
+                    </div>
                   </td>
-                <td class="p-2 min-w-[96px] w-2/5">
-                  <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
-                    <div class="h-full bg-primary" :style="trace.value"></div>
-                  </div>
-                </td>
-                <td class="p-2 text-right truncate">{{ trace.count }}</td>
-                <td class="p-2 text-center">{{ trace.ratio }}%</td>
-                <td class="p-2 text-center">
-                  <div class="btn btn-sm btn-c-primary cursor-pointer" @click="openMore(trace.no)">More</div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
+                  <td class="p-2 text-right truncate">{{ trace.count }}</td>
+                  <td class="p-2 text-center">{{ trace.ratio }}%</td>
+                  <td class="p-2 text-center">
+                    <div class="btn btn-sm btn-c-primary cursor-pointer" @click="openMore(trace.no)">More</div>
+                  </td>
+                </tr>
+              </tbody>
+            </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,
diff --git a/src/components/Discover/Conformance/MoreModal.vue b/src/components/Discover/Conformance/MoreModal.vue
index 511d3f4..a1fa26d 100644
--- a/src/components/Discover/Conformance/MoreModal.vue
+++ b/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>