imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issue #94: Second Done.

Browse Source
This commit is contained in:
chiayin
2023-09-28 12:37:31 +08:00
parent a8f47f7593
commit 5ea268cc77
4 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Discover/Conformance/ConformanceResults.vue
View File

@@ -127,12 +127,17 @@
</section> </section>
<!-- Issues group --> <!-- Issues group -->
<section> <section>
<div v-if="data.issues == null || data.issues.length == 0"></div> <div v-if="data.issues === 'reset'">
<div v-else>
<p class="h2 text-base">Non-conformance Issues</p> <p class="h2 text-base">Non-conformance Issues</p>
<div class="flex gap-4 w-full"> <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full">
<p class="h2 pl-2 mb-2">Issue List</p>
</div>
</div>
<div v-else>
<p v-if="data.loops === null" class="h2 text-base">Non-conformance Issues</p>
<div class="flex w-full" :class="data.issues === null || data.issues.length === 0 ? '' : 'gap-4'">
<!-- Issues chart --> <!-- Issues chart -->
<div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2"> <div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10" :class="data.issues === null || data.issues.length === 0 ? 'w-full' : 'w-1/2'">
<p class="h2 p-2 flex justify-between items-center"> <p class="h2 p-2 flex justify-between items-center">
<span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.timeTrend">info</span></span> <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.timeTrend">info</span></span>
<span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>&nbsp/&nbsp{{ data.timeTrend.total }}</span> <span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>&nbsp/&nbsp{{ data.timeTrend.total }}</span>
@@ -140,10 +145,10 @@
<Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/> <Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
</div> </div>
<!-- Issues list --> <!-- Issues list -->
<div v-if="data.issues.length === 0" class="w-1/2"></div> <div v-if="data.issues === null || data.issues.length === 0"></div>
<div v-else class="border rounded border-neutral-300 p-2 bg-neutral-10 " :class="data.timeTrend.chart !== null ? 'w-1/2' : 'w-full'"> <div v-else class="border rounded border-neutral-300 p-2 bg-neutral-10 " :class="data.timeTrend.chart !== null ? 'w-1/2' : 'w-full'">
<p class="h2 pl-2 mb-2">Issue List</p> <p class="h2 pl-2 mb-2">Issue List</p>
<table class="text-sm min-w-full table-fixed" v-if="data.issues !== 'reset'"> <table class="text-sm min-w-full table-fixed">
<tbody> <tbody>
<tr v-for="(trace, key) in data.issues" :key="key"> <tr v-for="(trace, key) in data.issues" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3"> <td class="p-2 pl-6 truncate max-w-0 w-1/3">

1
src/components/Discover/Conformance/ConformanceSidebar.vue
View File

@@ -900,6 +900,7 @@ export default {
default: default:
break; break;
}; };
console.log(data);
if(data.min > data.max) return this.$toast.error('Please check time range setting.'); if(data.min > data.max) return this.$toast.error('Please check time range setting.');
if(JSON.stringify(data) === JSON.stringify(this.isSubmitData)) return this.$toast.error('Please set the new rule.'); if(JSON.stringify(data) === JSON.stringify(this.isSubmitData)) return this.$toast.error('Please set the new rule.');

1
src/components/Discover/Map/SidebarFilter.vue
View File

@@ -476,6 +476,7 @@ export default {
} }
} }
// 將資料指向 Vue data 雙向綁定 // 將資料指向 Vue data 雙向綁定
console.log(data);
const postData = Array.isArray(data) ? data : [data]; const postData = Array.isArray(data) ? data : [data];
// 快速檢查每一 filter 規則是否為空集合 // 快速檢查每一 filter 規則是否為空集合

3
src/components/Discover/Map/SidebarState.vue
View File

@@ -63,8 +63,7 @@
<p class="h2">Case Duration</p> <p class="h2">Case Duration</p>
<ul class="space-y-1"> <ul class="space-y-1">
<li><Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.min) }}</li> <li><Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.min) }}</li>
<li><Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.average <li><Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.average) }}</li>
) }}</li>
<li><Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.median) }}</li> <li><Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.median) }}</li>
<li><Tag value="MAX" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.max) }}</li> <li><Tag value="MAX" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.max) }}</li>
</ul> </ul>