Conformance: Have activity More done.

src/components/Discover/Conformance/ConformanceResults.vue

@@ -119,7 +119,7 @@
                 <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="issusModal = true">More</div>
+                  <div class="btn btn-sm btn-c-primary cursor-pointer" @click="openMore(trace.no)">More</div>
                 </td>
               </tr>
             </tbody>
@@ -127,14 +127,14 @@
       </div>
     </div>
   </section>
-  <MoreModal :issusModal="issusModal" @update:visible="issusModal = $event"></MoreModal>
+  <MoreModal :issusModal="issusModal" @update:visible="issusModal = $event" :issueTraces="issueTraces" :issusNo="issusNo" ref="moreModal"></MoreModal>
 </section>
 </template>
 <script>
-import iconNA from '@/components/icons/IconNA.vue';
-import MoreModal from './MoreModal.vue';
 import { storeToRefs } from 'pinia';
 import ConformanceStore from '@/stores/conformance.js';
+import iconNA from '@/components/icons/IconNA.vue';
+import MoreModal from './MoreModal.vue';
 import getNumberLabel from '@/module/numberLabel.js';
 import { setLineChartData, setBarChartData } from '@/module/setChartData.js';
 import abbreviateNumber from '@/module/abbreviateNumber.js';
@@ -143,9 +143,9 @@ import getMoment from 'moment';
 export default {
   setup() {
     const conformanceStore = ConformanceStore();
-    const { conformanceTempReportData } = storeToRefs(conformanceStore);
+    const { conformanceTempReportData, issueTraces, taskSeq, } = storeToRefs(conformanceStore);
 
-    return { conformanceTempReportData, conformanceStore }
+    return { conformanceTempReportData, issueTraces, taskSeq, conformanceStore }
   },
   data() {
     return {
@@ -179,6 +179,7 @@ export default {
       rateChartOptions: null,
       casesChartData: null,
       casesChartOptions: null,
+      issusNo: null,
       tooltip: {
         results: {
           value: 'This page will perform a conformance check based on the filtering results of the map.',
@@ -226,6 +227,14 @@ export default {
     convertSecToDay(sec) {
       return (sec / 86400)
     },
+    async openMore(no) {
+      // async await 解決非同步資料延遲傳遞導致未讀取到而出錯的問題
+      this.issusNo = no;
+      await this.conformanceStore.getLogConformanceIssue(no);
+      await this.conformanceStore.getLogConformanceTraceDetail(no, this.issueTraces[0]);
+      this.issusModal = await true;
+      await this.$refs.moreModal.createCy()
+    },
     /**
      * set conformance report data
      * @param   {object} data new watch's value