掛單管理

web/admin/guadan/index.aspx

@@ -49,23 +49,56 @@
             <v-icon>mdi-close</v-icon>
           </v-btn>
          <v-toolbar-title>掛單作業</v-toolbar-title>
-         <%--  <v-spacer></v-spacer>
-          <v-toolbar-items>
-            <v-btn
-              dark
-              text
-              @click="dialog = false"
-            >
-              Save
-            </v-btn>
-          </v-toolbar-items>--%>
         </v-toolbar>
-            <%--<v-card-title>Cafe Badilico</v-card-title>--%>
             <v-card-text>
                 <apply-component v-if="dialog" @close="dialog = false" />
+              
             </v-card-text>
         </v-card>
       </v-dialog>
+
+          <v-dialog
+     v-model="viewdialog"
+     min-width="85%"
+     max-width="95%"
+     min-height="900"
+     max-height="95%"
+     hide-overlay
+     transition="dialog-bottom-transition">
+    <v-card>
+      <v-toolbar dark color="primary">
+      <v-btn icon dark @click="viewdialog = false">
+        <v-icon>mdi-close</v-icon>
+      </v-btn>
+     <v-toolbar-title>掛單作業</v-toolbar-title>
+    </v-toolbar>
+        <v-card-text>
+            <view-component v-if="viewdialog" @close="viewdialog = false" :form-Data="formData" />
+        </v-card-text>
+    </v-card>
+  </v-dialog>
+
+
+                 <v-dialog
+                   v-model="editdialog"
+                   min-width="85%"
+                   max-width="95%"
+                   min-height="900"
+                   max-height="95%"
+                   hide-overlay
+                   transition="dialog-bottom-transition">
+                  <v-card>
+                    <v-toolbar dark color="primary">
+                    <v-btn icon dark @click="editdialog = false">
+                      <v-icon>mdi-close</v-icon>
+                    </v-btn>
+                   <v-toolbar-title>掛單作業</v-toolbar-title>
+                  </v-toolbar>
+                      <v-card-text>
+                          <edit-component v-if="editdialog" @close="editdialog = false" :form-Data="formData" />
+                      </v-card-text>
+                  </v-card>
+                </v-dialog>
      </template>
  </div>
 </asp:Content>
@@ -82,17 +115,22 @@
             data() {
                 return {
                     dialog: false,
+                    viewdialog: false,
+                    editdialog: false,
                     notifications: false,
                     sound: true,
                     widgets: false,
                     currentView: 'main-component',
                     twoData: {},
+                    formData: null,
 
                 };
             },
             components: {
                 'main-component': httpVueLoader('./main.vue'),
                 'apply-component': httpVueLoader('./apply.vue'),
+                'view-component': httpVueLoader('./view.vue'),
+                'edit-component': httpVueLoader('./edit.vue'),
             },
             watch: {
                 options: {
@@ -110,9 +148,15 @@
                         console.log("go to new");
                         this.dialog = true;
                     } else if (item.action === "view") {
-                        console.log("go to view");
+                        console.log("go to view", item.item);
+                        this.formData = item.item.uuid;
+                       //Object.assign(this.formData , item.item);
+                        this.viewdialog = true;
                     } else if (item.action === "edit") {
+                        //修改只能改主檔，明細要個別新增或個別修改
                         console.log("go to edit");
+                        this.formData = item.item.uuid;
+                        this.editdialog = true;
                     }
                 }
             },