|
@@ -64,7 +64,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="font10 fontmedium text-grey-6">
|
|
<div class="font10 fontmedium text-grey-6">
|
|
|
- {{ t(labelsPeriodTypes.find((periodType) => periodType.value === details.schedule?.period_type)?.label) }}
|
|
|
|
|
|
|
+ {{ periodTypeLabel }}
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="date font11">
|
|
<div class="date font11">
|
|
@@ -239,7 +239,7 @@ import {
|
|
|
|
|
|
|
|
import { avatarColors } from 'src/helpers/utils'
|
|
import { avatarColors } from 'src/helpers/utils'
|
|
|
import { labelsPeriodTypes } from 'src/helpers/labelsPeriodTypes.js'
|
|
import { labelsPeriodTypes } from 'src/helpers/labelsPeriodTypes.js'
|
|
|
-import { onMounted, ref } from 'vue'
|
|
|
|
|
|
|
+import { computed, onMounted, ref } from 'vue'
|
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
import { useRouter } from 'vue-router'
|
|
import { useRouter } from 'vue-router'
|
|
|
import { userStore } from 'src/stores/user'
|
|
import { userStore } from 'src/stores/user'
|
|
@@ -274,6 +274,14 @@ const user = userStore()
|
|
|
const details = ref(null)
|
|
const details = ref(null)
|
|
|
const loading = ref(true)
|
|
const loading = ref(true)
|
|
|
|
|
|
|
|
|
|
+const periodTypeLabel = computed(() => {
|
|
|
|
|
+ const periodType = labelsPeriodTypes.find(
|
|
|
|
|
+ (item) => item.value === Number(details.value?.schedule?.period_type)
|
|
|
|
|
+ )
|
|
|
|
|
+
|
|
|
|
|
+ return periodType ? t(periodType.label) : ''
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
|
|
const choosePrice = (periodType) => {
|
|
const choosePrice = (periodType) => {
|