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

@@ -32,9 +32,8 @@
               <!-- WIDE VIEW -->
               <div v-for="item in stateDisplayList" :key="item.id">
                 <span>{{ item.timeStamp }}</span>
-                <span class="ml-4">{{ item.user }}</span>
+                <span class="ml-3">{{ item.user }}</span>
-
+                <span class="font-weight-bold ml-3">{{ item.name }}</span>
-                <span class="font-weight-bold ml-4">{{ item.name }}</span>
                 <v-icon small :color="item.color" class="ml-4">$ayiFlag</v-icon>
                 <v-icon small color="primary" v-if="item.locked" class="ml-4"
                   >$ayiLock</v-icon
@@ -67,7 +66,8 @@
                 </div>
               </div>
             </template>
-
+            <!-- append-outer-icon="$ayiPlus"
+                  @click:append-outer="addState()" -->
             <template v-if="canAdd">
               <div class="mt-4">
                 <v-autocomplete
@@ -75,8 +75,6 @@
                   :items="pvm.selectLists.allowedwostatus"
                   item-text="name"
                   item-value="id"
-                  append-outer-icon="$ayiPlus"
-                  @click:append-outer="addState()"
                   dense
                 >
                   <template v-slot:item="data">
@@ -135,9 +133,13 @@
             <v-btn color="blue darken-1" text @click="openDialog = false">{{
               $ay.t("Cancel")
             }}</v-btn>
-            <v-btn color="blue darken-1" text @click="save()">{{
+            <v-btn
-              $ay.t("OK")
+              color="blue darken-1"
-            }}</v-btn>
+              :disabled="selectedStatus == null"
+              text
+              @click="save()"
+              >{{ $ay.t("OK") }}</v-btn
+            >
           </v-card-actions>
         </v-card>
       </v-dialog>