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

@@ -118,20 +118,41 @@
         ></v-textarea>
       </v-col>
 
-      <v-col>
-        <v-select
+      <v-col cols="12" sm="6" lg="4" xl="3">
+        <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"
-          data-cy="workorderItemStatusId"
-          :rules="[form().integerValid(this, 'workorderItemStatusId')]"
-          :error-messages="form().serverErrors(this, 'workorderItemStatusId')"
-          @input="fieldValueChanged('workorderItemStatusId')"
-        ></v-select>
+          prepend-icon="$ayiEdit"
+          @click:prepend="handleEditItemStatusClick()"
+        >
+          <template v-slot:selection="{ item }">
+            <v-icon class="mr-3" :color="item.color">$ayiCircle</v-icon
+            >{{ 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