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

@@ -25,10 +25,70 @@
       <v-dialog v-model="openDialog" max-width="600px">
         <v-card>
           <v-card-title>
-            <span class="headline">title</span>
+            <span class="headline">{{ $ay.t("WorkOrderStatus") }}</span>
           </v-card-title>
           <v-card-text>
-            card text
+            {{ value.states }}
+            <!-- <v-list>
+              <v-list-item
+                v-for="item in reportList"
+                :key="item.id"
+                @click="renderReport(item.id)"
+              >
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
+                <v-list-item-action>
+                  <v-btn icon @click.stop="editReport(item.id)">
+                    <v-icon color="primary">$ayiEdit</v-icon>
+                  </v-btn>
+                </v-list-item-action>
+              </v-list-item>
+            </v-list> -->
+
+            <template v-if="canAdd">
+              <div>
+                <v-autocomplete
+                  v-model="selectedStatus"
+                  :items="pvm.selectLists.allowedwostatus"
+                  item-text="name"
+                  item-value="id"
+                  append-outer-icon="$ayiPlus"
+                  @click:append-outer="addState()"
+                  dense
+                >
+                  <template v-slot:item="data">
+                    <v-list-item-avatar>
+                      <v-icon :color="data.item.color">$ayiFlag</v-icon>
+                    </v-list-item-avatar>
+                    <v-list-item-content>
+                      <v-list-item-title
+                        ><span class="text-subtitle-2">{{
+                          data.item.name
+                        }}</span
+                        ><v-icon
+                          small
+                          color="disabled"
+                          class="ml-2"
+                          v-if="data.item.locked"
+                          >$ayiLock</v-icon
+                        >
+                        <v-icon
+                          color="disabled"
+                          class="ml-1"
+                          small
+                          v-if="data.item.completed"
+                          >$ayiCheckCircle</v-icon
+                        ></v-list-item-title
+                      >
+
+                      <v-list-item-subtitle>
+                        {{ data.item.notes }}</v-list-item-subtitle
+                      >
+                    </v-list-item-content>
+                    <v-list-item-action> </v-list-item-action>
+                  </template>
+                </v-autocomplete>
+              </div>
+            </template>
             <!-- <v-select
               v-model="moveType"
               :items="selectLists.objectTypes"