|
|
@@ -73,8 +73,7 @@
|
|
|
v-for="item in options.callingCode"
|
|
|
:key="item.callingCode"
|
|
|
:label="'+' + item.callingCode"
|
|
|
- :value="item.callingCode"
|
|
|
- />
|
|
|
+ :value="item.callingCode"/>
|
|
|
</el-select>
|
|
|
<el-input
|
|
|
v-model="form.entityContactNumber"
|
|
|
@@ -85,17 +84,25 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
label="Effective Date:">
|
|
|
- <el-date-picker
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="form.entitySigningDate"
|
|
|
class="add-text"
|
|
|
format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd"/>
|
|
|
+ value-format="yyyy-MM-dd"/> -->
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.effectiveDateRange"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ start-placeholder="Start Date"
|
|
|
+ end-placeholder="End Date"
|
|
|
+ clearable
|
|
|
+ class="add-text"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
label="Billing Date:">
|
|
|
<div class="add-text flex">
|
|
|
<el-select
|
|
|
- style="width: 65px;"
|
|
|
+ style="min-width: 65px; max-width: 80px;"
|
|
|
v-model="form.entitySettlementDate"
|
|
|
placeholder="D/M">
|
|
|
<el-option
|
|
|
@@ -105,10 +112,22 @@
|
|
|
:value="item"/>
|
|
|
</el-select>
|
|
|
<div class="flex1 flexc" style="padding-left: 10px;">
|
|
|
- <span style="font-size: 14px; font-weight: bold;">Of every subsequent month</span>
|
|
|
+ <span style="font-size: 14px; font-weight: bold; white-space: nowrap;">Of every subsequent month</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="Billing Type:">
|
|
|
+ <el-select
|
|
|
+ v-model="form.entityBillingType"
|
|
|
+ class="add-text">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options.billingType"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
<div class="flex1 card-content">
|
|
|
<div class="section-title">Billing calculation details ({{currencyData[form.entityCountryCode]}})</div>
|
|
|
@@ -269,10 +288,12 @@ export default {
|
|
|
entityCountryCode: settings.defaultCountry,
|
|
|
entityCallingCode: settings.defaultCalling,
|
|
|
entityType: "",
|
|
|
+ entityBillingType: "",
|
|
|
entityContactName: "",
|
|
|
entityContactEmail: "",
|
|
|
entityContactNumber: "",
|
|
|
entitySigningDate: "",
|
|
|
+ effectiveDateRange: [],
|
|
|
entitySettlementDate: "",
|
|
|
items: [],
|
|
|
tabulations: []
|
|
|
@@ -283,6 +304,7 @@ export default {
|
|
|
country: [],
|
|
|
itemType: [],
|
|
|
accountType: [],
|
|
|
+ billingType: [],
|
|
|
callingCode: []
|
|
|
},
|
|
|
currencyData: {
|
|
|
@@ -296,6 +318,7 @@ export default {
|
|
|
this.getCountryList();
|
|
|
this.getItemTypeOptions();
|
|
|
this.getAccountTypeOptions();
|
|
|
+ this.getBilingTypeOptions();
|
|
|
this.getBillingDateOptions();
|
|
|
if (this.$route.params.id) {
|
|
|
this.isEdit = true;
|
|
|
@@ -349,12 +372,30 @@ export default {
|
|
|
financial.getBillingAccountTypes().then(res => {
|
|
|
if (res.data) {
|
|
|
this.options.accountType = res.data
|
|
|
+ } else {
|
|
|
+ this.options.accountType = []
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ this.$message({
|
|
|
+ message: error,
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ this.options.accountType = []
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getBilingTypeOptions() {
|
|
|
+ financial.getBillingTypeOptions().then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.options.billingType = res.data
|
|
|
+ } else {
|
|
|
+ this.options.billingType = []
|
|
|
}
|
|
|
}).catch(err => {
|
|
|
this.$message({
|
|
|
message: error,
|
|
|
type: 'error'
|
|
|
})
|
|
|
+ this.options.billingType = []
|
|
|
})
|
|
|
},
|
|
|
getItemTypeOptions() {
|