Separating deductible and base pay
This commit is contained in:
parent
a8b75d8c1c
commit
b5e24c8146
2 changed files with 18 additions and 21 deletions
|
|
@ -24,7 +24,7 @@
|
|||
class="d-flex justify-content-between align-items-center">
|
||||
<span
|
||||
id="deductible-label"
|
||||
class="label">{{ deductibleOrBasePriceLabel }}</span>
|
||||
class="label">{{ deductibleLabel }}</span>
|
||||
<span id="deductible-value">{{ getDisplayed(deductible) }}</span>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
class="d-flex justify-content-between align-items-center">
|
||||
<span
|
||||
id="base-price-label"
|
||||
class="label">{{ deductibleOrBasePriceLabel }}</span>
|
||||
class="label">{{ BasePriceLabel }}</span>
|
||||
<span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -53,7 +53,8 @@ export default {
|
|||
props: {
|
||||
showAsPaid: Boolean,
|
||||
amountDueLabel: String,
|
||||
deductibleOrBasePriceLabel: String
|
||||
deductibleLabel: String,
|
||||
basePriceLabel: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@
|
|||
<cartDropdown
|
||||
:showAsPaid="false"
|
||||
:amountDueLabel="amountDueText"
|
||||
:deductibleOrBasePriceLabel="deductibleOrBasePriceLabel" />
|
||||
:deductibleLabel="deductibleLabel"
|
||||
:basePriceLabel="basePriceLabel" />
|
||||
<hr class="mt-0 mb-5" />
|
||||
<div>Pia Alert Placeholder</div>
|
||||
<paymentMethodQuestion
|
||||
|
|
@ -56,12 +57,11 @@ import paymentMethodQuestion from '@/layouts/payment-method/payment-method-quest
|
|||
// Supporting Items
|
||||
import settleAllPromises from '@/helpers/layout-helper';
|
||||
import { useMainStore } from '@/store';
|
||||
import { fetchCmsContentForPage, processIfStatements } from '@/helpers/cms-content-helper';
|
||||
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
|
||||
import { paymentMethods } from '@/constants/payment-method-constants';
|
||||
import globalRules from '@/constants/global-rules';
|
||||
import { Form } from 'vee-validate';
|
||||
import widgetFields from '@/constants/cms-widget-fields.js';
|
||||
import coverageStatuses from '@/constants/coverage-statuses';
|
||||
|
||||
import { AppointmentTypeStrings } from '@/constants/schedule-constants';
|
||||
|
||||
|
|
@ -112,7 +112,8 @@ export default {
|
|||
},
|
||||
widget: {
|
||||
amountDue: 'AmountDueTextWidget',
|
||||
deductibleOrBasePrice: 'DeductibleOrBasePriceWidget'
|
||||
deductible: 'DeductibleWidget',
|
||||
basePrice: 'BasePriceWidget'
|
||||
}
|
||||
};
|
||||
},
|
||||
|
|
@ -138,12 +139,17 @@ export default {
|
|||
amountDueText() {
|
||||
return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
|
||||
},
|
||||
deductibleOrBasePriceLabel() {
|
||||
const deductibleOrBasePriceLabel = this.getCmsContent(
|
||||
this.widget.deductibleOrBasePrice,
|
||||
deductibleLabel() {
|
||||
return this.getCmsContent(
|
||||
this.widget.deductible,
|
||||
widgetFields.TEXT_BLOCK_WIDGET.TEXT
|
||||
);
|
||||
},
|
||||
basePriceLabel() {
|
||||
return this.getCmsContent(
|
||||
this.widget.basePrice,
|
||||
widgetFields.TEXT_BLOCK_WIDGET.TEXT
|
||||
);
|
||||
return processIfStatements(deductibleOrBasePriceLabel, 'custom', this.getCustomValueFromString);
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -243,16 +249,6 @@ export default {
|
|||
this.$route
|
||||
);
|
||||
}
|
||||
},
|
||||
getCustomValueFromString(str) {
|
||||
switch (str) {
|
||||
case 'itacOrNoComp':
|
||||
return useMainStore().isNoComp || useMainStore().policy.isITAC;
|
||||
case 'deductibleOrUnverified':
|
||||
return !useMainStore().isNoComp && !useMainStore().policy.isITAC;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue