refactor NavBar.vue
This commit is contained in:
@@ -259,6 +259,7 @@ export default defineComponent({
|
||||
});
|
||||
await toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
|
||||
isEditable.value = false;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
@@ -635,6 +635,7 @@ console.log("TODO:", datasetsPrimary, )
|
||||
};
|
||||
break;
|
||||
case 'count':
|
||||
default:
|
||||
primeVueSetOption.scales.x.ticks.precision = 0; // x 軸顯示小數點後 0 位
|
||||
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
|
||||
let value = context.parsed.y;
|
||||
@@ -1210,6 +1211,7 @@ console.log("TODO:", datasetsPrimary, )
|
||||
},
|
||||
};
|
||||
switch (xUnit) {
|
||||
case 'dummy': //sonar-qube
|
||||
case 'date':
|
||||
default:
|
||||
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
<script>
|
||||
import { onBeforeMount, computed } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useRouter, useRoute } from 'vue-router';
|
||||
import { useRoute } from 'vue-router';
|
||||
import axios from 'axios';
|
||||
import LoadingStore from '@/stores/loading.js';
|
||||
import AllMapDataStore from '@/stores/allMapData.js';
|
||||
|
||||
@@ -85,7 +85,6 @@ export default {
|
||||
},
|
||||
setup(props) {
|
||||
|
||||
const customizedScaleOption = computed(() => {});
|
||||
const primeVueSetDataState = ref(null);
|
||||
const primeVueSetOptionsState = ref(null);
|
||||
const colorPrimary = ref('#0099FF');
|
||||
@@ -123,7 +122,7 @@ export default {
|
||||
ticks: {
|
||||
...scaleObjectToAlter.x.ticks,
|
||||
callback: function(value, index) {
|
||||
// console.log('根據不同的級距客製化 x 軸的時間刻度');
|
||||
// 根據不同的級距客製化 x 軸的時間刻度
|
||||
return ticksOfXAxis[index];
|
||||
},
|
||||
},
|
||||
@@ -173,13 +172,9 @@ export default {
|
||||
let datasetsSecondary; // For Compare page case
|
||||
let minX = chartData?.x_axis?.min;
|
||||
let maxX = chartData?.x_axis?.max;
|
||||
let maxY = chartData?.y_axis?.max;
|
||||
let xData;
|
||||
let primeVueSetData = {};
|
||||
let primeVueSetOption = {};
|
||||
const getMoment = (time)=> {
|
||||
return Moment(time).format('YYYY/M/D hh:mm:ss')
|
||||
};
|
||||
|
||||
// 考慮 chartData.data 的dimension
|
||||
// 當我們遇到了 Compare 頁面的案例
|
||||
@@ -253,11 +248,8 @@ export default {
|
||||
titleFont: {weight: 'normal'},
|
||||
callbacks: {
|
||||
label: function(tooltipItem) {
|
||||
// 取得顏色
|
||||
const color = tooltipItem.dataset.borderColor;
|
||||
// 取得數據
|
||||
const label = tooltipItem.dataset.label || '';
|
||||
const value = tooltipItem.raw || '';
|
||||
|
||||
// 建立一個小方塊顯示顏色
|
||||
return `${label}: ${tooltipItem.parsed.y}`; // 使用 Unicode 方塊表示顏色
|
||||
|
||||
@@ -118,7 +118,6 @@
|
||||
<ul>
|
||||
<li class="bg-neutral-10 mb-4 p-1 border border-neutral-300 rounded">
|
||||
<span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.freq.title }}</span>
|
||||
<!-- <Chart type="line" :data="freqData" :options="freqOptions" class="h-96" /> -->
|
||||
<FreqChart v-if="performanceData" :chartData="performanceData?.freq?.cases" :content="contentData?.freq" yUnit="count"
|
||||
pageName="Performance"
|
||||
/>
|
||||
|
||||
@@ -36,7 +36,6 @@ export default {
|
||||
const { tempFilterId, createFilterId, temporaryData, postRuleData, ruleData } = storeToRefs(allMapDataStore);
|
||||
const { conformanceLogTempCheckId, conformanceFilterTempCheckId } = storeToRefs(conformanceStore);
|
||||
const router = useRouter();
|
||||
``
|
||||
const setHighlightedNavItemOnLanding = () => {
|
||||
const currentPath = router.currentRoute.value.path;
|
||||
const pathSegments: string[] = currentPath.split('/').filter(segment => segment !== '');
|
||||
|
||||
Reference in New Issue
Block a user