ayanova/src/components/work-order-items.vue

@@ -118,20 +118,41 @@
         ></v-textarea>
       </v-col>
 
-      <v-col>
+      <v-col cols="12" sm="6" lg="4" xl="3">
-        <v-select
+        <v-autocomplete
           v-model="value.items[activeItemIndex].workorderItemStatusId"
           :items="pvm.selectLists.woItemStatus"
           item-text="name"
           item-value="id"
-          :readonly="formState.readOnly"
           :label="$ay.t('WorkOrderItemWorkOrderStatusID')"
-          ref="workorderItemStatusId"
+          prepend-icon="$ayiEdit"
-          data-cy="workorderItemStatusId"
+          @click:prepend="handleEditItemStatusClick()"
-          :rules="[form().integerValid(this, 'workorderItemStatusId')]"
+        >
-          :error-messages="form().serverErrors(this, 'workorderItemStatusId')"
+          <template v-slot:selection="{ item }">
-          @input="fieldValueChanged('workorderItemStatusId')"
+            <v-icon class="mr-3" :color="item.color">$ayiCircle</v-icon
-        ></v-select>
+            >{{ item.name }}
+          </template>
+
+          <template v-slot:item="{ item }">
+            <v-list-item-avatar>
+              <v-icon :color="item.color">$ayiCircle</v-icon>
+            </v-list-item-avatar>
+            <v-list-item-content>
+              <v-list-item-title
+                ><span
+                  :class="
+                    item.active
+                      ? ''
+                      : 'disabled--text text-decoration-line-through'
+                  "
+                  >{{ item.name }}</span
+                ></v-list-item-title
+              >
+
+              <v-list-item-subtitle> {{ item.notes }}</v-list-item-subtitle>
+            </v-list-item-content>
+          </template>
+        </v-autocomplete>
       </v-col>
 
       //status WorkOrderItemWorkOrderStatusID WorkorderItemStatusId //priority