re-factor / cleanup
This commit is contained in:
@@ -7,13 +7,13 @@
|
||||
<v-row>
|
||||
<v-col cols="12" sm="6" lg="4" xl="3">
|
||||
<gz-pick-list
|
||||
ref="customerId"
|
||||
v-model="obj.customerId"
|
||||
:aya-type="ayaTypes().Customer"
|
||||
show-edit-icon
|
||||
:include-inactive="true"
|
||||
v-model="obj.customerId"
|
||||
readonly
|
||||
:label="$ay.t('Customer')"
|
||||
ref="customerId"
|
||||
data-cy="customerId"
|
||||
></gz-pick-list>
|
||||
</v-col>
|
||||
@@ -25,15 +25,15 @@
|
||||
xl="3"
|
||||
>
|
||||
<v-select
|
||||
ref="priority"
|
||||
v-model="obj.priority"
|
||||
:color="priorityColor()"
|
||||
:item-color="priorityColor()"
|
||||
v-model="obj.priority"
|
||||
readonly
|
||||
:items="selectLists.priorities"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
:label="$ay.t('CustomerServiceRequestPriority')"
|
||||
ref="priority"
|
||||
data-cy="priority"
|
||||
append-icon=""
|
||||
>
|
||||
@@ -46,10 +46,10 @@
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" lg="4" xl="3">
|
||||
<gz-date-picker
|
||||
:label="$ay.t('Created')"
|
||||
v-model="obj.dateRequested"
|
||||
readonly
|
||||
ref="dateRequested"
|
||||
v-model="obj.dateRequested"
|
||||
:label="$ay.t('Created')"
|
||||
readonly
|
||||
data-cy="dateRequested"
|
||||
></gz-date-picker>
|
||||
</v-col>
|
||||
@@ -61,13 +61,13 @@
|
||||
xl="3"
|
||||
>
|
||||
<v-select
|
||||
ref="status"
|
||||
v-model="obj.status"
|
||||
:items="selectLists.status"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestStatus')"
|
||||
ref="status"
|
||||
data-cy="status"
|
||||
append-icon=""
|
||||
></v-select>
|
||||
@@ -90,12 +90,12 @@
|
||||
|
||||
<v-col cols="12" sm="6" lg="4" xl="3">
|
||||
<v-text-field
|
||||
ref="name"
|
||||
v-model="obj.name"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestTitle')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
ref="name"
|
||||
data-cy="name"
|
||||
@input="fieldValueChanged('name')"
|
||||
></v-text-field>
|
||||
@@ -109,10 +109,10 @@
|
||||
xl="3"
|
||||
>
|
||||
<v-text-field
|
||||
ref="customerReferenceNumber"
|
||||
v-model="obj.customerReferenceNumber"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestCustomerReferenceNumber')"
|
||||
ref="customerReferenceNumber"
|
||||
data-cy="customerReferenceNumber"
|
||||
:error-messages="
|
||||
form().serverErrors(this, 'customerReferenceNumber')
|
||||
@@ -129,13 +129,13 @@
|
||||
xl="3"
|
||||
>
|
||||
<gz-pick-list
|
||||
ref="requestedByUserId"
|
||||
v-model="obj.requestedByUserId"
|
||||
:aya-type="ayaTypes().User"
|
||||
:variant="'outside'"
|
||||
show-edit-icon
|
||||
v-model="obj.requestedByUserId"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestRequestedBy')"
|
||||
ref="requestedByUserId"
|
||||
data-cy="requestedByUserId"
|
||||
:error-messages="form().serverErrors(this, 'requestedByUserId')"
|
||||
@input="fieldValueChanged('requestedByUserId')"
|
||||
@@ -150,13 +150,13 @@
|
||||
xl="3"
|
||||
>
|
||||
<gz-pick-list
|
||||
ref="unitId"
|
||||
v-model="obj.unitId"
|
||||
:aya-type="ayaTypes().Unit"
|
||||
:variant="'customerid:' + obj.customerId"
|
||||
show-edit-icon
|
||||
v-model="obj.unitId"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestItemUnitID')"
|
||||
ref="unitId"
|
||||
data-cy="unitId"
|
||||
:error-messages="form().serverErrors(this, 'unitId')"
|
||||
@input="fieldValueChanged('unitId')"
|
||||
@@ -166,22 +166,22 @@
|
||||
<!-- --------------------------------- -->
|
||||
<v-col v-if="form().showMe(this, 'Notes')" cols="12">
|
||||
<v-textarea
|
||||
ref="notes"
|
||||
v-model="obj.notes"
|
||||
readonly
|
||||
:label="$ay.t('CustomerServiceRequestDetails')"
|
||||
:error-messages="form().serverErrors(this, 'notes')"
|
||||
ref="notes"
|
||||
data-cy="notes"
|
||||
@input="fieldValueChanged('notes')"
|
||||
auto-grow
|
||||
@input="fieldValueChanged('notes')"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
<v-col v-if="form().showMe(this, 'Tags')" cols="12">
|
||||
<gz-tag-picker
|
||||
ref="tags"
|
||||
v-model="obj.tags"
|
||||
:readonly="formState.readOnly"
|
||||
ref="tags"
|
||||
data-cy="tags"
|
||||
:error-messages="form().serverErrors(this, 'tags')"
|
||||
@input="fieldValueChanged('tags')"
|
||||
@@ -190,11 +190,11 @@
|
||||
|
||||
<v-col cols="12">
|
||||
<gz-custom-fields
|
||||
ref="customFields"
|
||||
v-model="obj.customFields"
|
||||
:form-key="formCustomTemplateKey"
|
||||
:readonly="formState.readOnly"
|
||||
:parent-v-m="this"
|
||||
ref="customFields"
|
||||
data-cy="customFields"
|
||||
:error-messages="form().serverErrors(this, 'customFields')"
|
||||
@input="fieldValueChanged('customFields')"
|
||||
@@ -203,10 +203,10 @@
|
||||
|
||||
<v-col v-if="form().showMe(this, 'Wiki')" cols="12">
|
||||
<gz-wiki
|
||||
:aya-type="ayaType"
|
||||
:aya-id="obj.id"
|
||||
ref="wiki"
|
||||
v-model="obj.wiki"
|
||||
:aya-type="ayaType"
|
||||
:aya-id="obj.id"
|
||||
:readonly="formState.readOnly"
|
||||
@input="fieldValueChanged('wiki')"
|
||||
></gz-wiki
|
||||
@@ -232,61 +232,6 @@ const FORM_KEY = "csr-edit";
|
||||
const API_BASE_URL = "csr/";
|
||||
const FORM_CUSTOM_TEMPLATE_KEY = "CustomerServiceRequest";
|
||||
export default {
|
||||
async created() {
|
||||
const vm = this;
|
||||
try {
|
||||
await initForm(vm);
|
||||
vm.rights = window.$gz.role.getRights(
|
||||
window.$gz.type.CustomerServiceRequest
|
||||
);
|
||||
vm.formState.readOnly = !vm.rights.change || vm.obj.status != 0;
|
||||
window.$gz.eventBus.$on("menu-click", clickHandler);
|
||||
//id 0 means create or duplicate to new
|
||||
if (vm.$route.params.recordid != 0) {
|
||||
//is there already an obj from a prior operation?
|
||||
if (this.$route.params.obj) {
|
||||
//yes, no need to fetch it
|
||||
this.obj = this.$route.params.obj;
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
loading: false
|
||||
});
|
||||
} else {
|
||||
await vm.getDataFromApi(vm.$route.params.recordid);
|
||||
}
|
||||
} else {
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
loading: false
|
||||
});
|
||||
}
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
dirty: false,
|
||||
valid: true
|
||||
});
|
||||
|
||||
generateMenu(vm);
|
||||
} catch (error) {
|
||||
window.$gz.errorHandler.handleFormError(error, vm);
|
||||
} finally {
|
||||
vm.formState.ready = true;
|
||||
}
|
||||
},
|
||||
async beforeRouteLeave(to, from, next) {
|
||||
if (!this.formState.dirty || JUST_DELETED) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
if ((await window.$gz.dialog.confirmLeaveUnsaved()) === true) {
|
||||
next();
|
||||
} else {
|
||||
next(false);
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
window.$gz.eventBus.$off("menu-click", clickHandler);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
|
||||
@@ -369,6 +314,61 @@ export default {
|
||||
deep: true
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
const vm = this;
|
||||
try {
|
||||
await initForm(vm);
|
||||
vm.rights = window.$gz.role.getRights(
|
||||
window.$gz.type.CustomerServiceRequest
|
||||
);
|
||||
vm.formState.readOnly = !vm.rights.change || vm.obj.status != 0;
|
||||
window.$gz.eventBus.$on("menu-click", clickHandler);
|
||||
//id 0 means create or duplicate to new
|
||||
if (vm.$route.params.recordid != 0) {
|
||||
//is there already an obj from a prior operation?
|
||||
if (this.$route.params.obj) {
|
||||
//yes, no need to fetch it
|
||||
this.obj = this.$route.params.obj;
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
loading: false
|
||||
});
|
||||
} else {
|
||||
await vm.getDataFromApi(vm.$route.params.recordid);
|
||||
}
|
||||
} else {
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
loading: false
|
||||
});
|
||||
}
|
||||
window.$gz.form.setFormState({
|
||||
vm: vm,
|
||||
dirty: false,
|
||||
valid: true
|
||||
});
|
||||
|
||||
generateMenu(vm);
|
||||
} catch (error) {
|
||||
window.$gz.errorHandler.handleFormError(error, vm);
|
||||
} finally {
|
||||
vm.formState.ready = true;
|
||||
}
|
||||
},
|
||||
async beforeRouteLeave(to, from, next) {
|
||||
if (!this.formState.dirty || JUST_DELETED) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
if ((await window.$gz.dialog.confirmLeaveUnsaved()) === true) {
|
||||
next();
|
||||
} else {
|
||||
next(false);
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
window.$gz.eventBus.$off("menu-click", clickHandler);
|
||||
},
|
||||
methods: {
|
||||
openWO: function() {
|
||||
window.$gz.eventBus.$emit("openobject", {
|
||||
@@ -677,17 +677,19 @@ async function clickHandler(menuItem) {
|
||||
m.vm.accept();
|
||||
break;
|
||||
case "report":
|
||||
const res = await m.vm.$refs.reportSelector.open(
|
||||
{
|
||||
AType: window.$gz.type.CustomerServiceRequest,
|
||||
selectedRowIds: [m.vm.obj.id]
|
||||
},
|
||||
m.id
|
||||
);
|
||||
if (res == null) {
|
||||
return;
|
||||
{
|
||||
const res = await m.vm.$refs.reportSelector.open(
|
||||
{
|
||||
AType: window.$gz.type.CustomerServiceRequest,
|
||||
selectedRowIds: [m.vm.obj.id]
|
||||
},
|
||||
m.id
|
||||
);
|
||||
if (res == null) {
|
||||
return;
|
||||
}
|
||||
window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
|
||||
}
|
||||
window.$gz.form.setLastReportMenuItem(FORM_KEY, res, m.vm);
|
||||
break;
|
||||
default:
|
||||
window.$gz.eventBus.$emit(
|
||||
|
||||
Reference in New Issue
Block a user