feat: refs #8118 add VnDropdown component and integrate it into Claim and Ticket summaries

@@ -0,0 +11,4 @@
+        type: Boolean,
+        default: null,
+    },
+    moduleName: {

@@ -0,0 +39,4 @@
+            :options="$props.options"
+            hide-selected
+            option-value="code"
+            hide-dropdown-icon

@@ -0,0 +18,4 @@
+    options: {
+        type: Array,
+        default: null,
+    },

@@ -173,3 +174,3 @@
 
 async function changeState(value) {
-    await axios.patch(`Claims/updateClaim/${entityId.value}`, { claimStateFk: value });
+    const newState = claimStates.value.find((state) => state.code == value);

@@ -0,0 +48,4 @@
+            focus-on-mount
+            @update:model-value="changeState"
+        >
+            <template #option="scope">

@@ -181,2 +184,4 @@
     return '#/claim/' + entityId.value + '/' + section;
 }
+
+onMounted(async () => {

@@ -135,0 +117,4 @@
+                :moduleId="entityId"
+                :options="editableStates"
+                :disable="!isEditable()"
+                @change-state="changeState($event)"

@@ -1,6 +1,6 @@
 <script setup>
 import axios from 'axios';
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';

@@ -232,0 +212,4 @@
+            <VnDropdown
+                :options="claimStates"
+                option-label="description"
+                option-value="id"

@@ -135,0 +116,4 @@
+            <VnDropdown
+                :disable="!isEditable()"
+                :options="editableStates"
+                :option-label="'name'"

@@ -135,0 +118,4 @@
+                :options="editableStates"
+                :option-label="'name'"
+                :option-value="'code'"
+                @change-state="changeState($event)"