pack

2026-10-13 23:01:07 +03:30 · 2019-09-07 16:04:52 +04:30
parent 3522700605
commit b28ec15962
5 changed files with 519 additions and 132 deletions
@@ -0,0 +1,138 @@
+<template>
+	<v-form ref="form">
+		<v-container grid-list-xs fluid>
+			<material-card color="black" title="Add Package">
+				<v-layout align-center justify-center wrap class="px-5 my-3">
+					<v-flex xs12 sm6 md4>
+						<v-text-field
+							name="name"
+							label="Name"
+							color="black"
+							v-model="formData.name"
+							:rules="[rules.required, rules.counter]"
+							class="pa-2"
+						></v-text-field>
+					</v-flex>
+					<v-flex xs12 sm6 md4>
+						<v-text-field
+							name="sterilizerId"
+							label="Sterilizer ID"
+							color="black"
+							v-model="formData.sterilizerId"
+							class="pa-2"
+						></v-text-field>
+					</v-flex>
+					<v-flex xs12 sm6 md4>
+						<v-text-field
+							name="cycle_number"
+							label="Cycle Number"
+							color="black"
+							v-model="formData.cycle_number"
+							class="pa-2"
+						></v-text-field>
+					</v-flex>
+					<v-flex xs12 sm6 md4>
+						<v-text-field
+							name="department"
+							label="Department"
+							color="black"
+							v-model="formData.department"
+							class="pa-2"
+						></v-text-field>
+					</v-flex>
+				</v-layout>
+				<v-layout align-center justify-center wrap class="px-5 mb-3">
+					<v-flex xs12 sm12 md12>
+						<v-textarea color="black" v-model="formData.description" class="pa-2" name="address">
+							<template v-slot:label>
+								<div>description</div>
+							</template>
+						</v-textarea>
+					</v-flex>
+				</v-layout>
+				<v-layout row wrap justify-center align-center>
+					<v-flex xs12 md2 sm2 class="text-md-center text-xs-center">
+						<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm()">
+							<v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
+							<span class="white--text">SAVE</span>
+						</v-btn>
+					</v-flex>
+					<v-flex xs12 md2 sm2 class="text-md-center text-sm-center text-xs-center">
+						<router-link :to="{name: 'AllPackage'}">
+							<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+								<v-icon class="black--text">keyboard_arrow_left</v-icon>
+								<span class="black--text">Back</span>
+							</v-btn>
+						</router-link>
+					</v-flex>
+				</v-layout>
+			</material-card>
+		</v-container>
+	</v-form>
+</template>
+
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+import { mapMutations } from "vuex";
+export default {
+	data() {
+		return {
+			formData: {
+				name: "",
+				result: "",
+				description: "",
+				items: []
+			},
+			items: [],
+			result: ["Pass", "Fail"],
+			rules: {
+				required: value => !!value || "Required.",
+				counter: value =>
+					!value ||
+					value.length == 0 ||
+					value.length >= 5 ||
+					"Min 5 characters"
+			}
+		};
+	},
+	created() {
+		if (this.$route.params.package) {
+			this.load(this.$route.params.package);
+		}
+		this.loadItems();
+	},
+	methods: {
+		async load(id) {
+			const result = await ApiService.get(urls.editPackage(id));
+			if (result.status == 200) {
+				this.formData = result.data.data;
+			}
+		},
+		async loadItems() {
+			const result = await ApiService.get(urls.listAllItem());
+			if (result.status == 200) {
+				this.items = result.data.data;
+			}
+		},
+		async submitForm() {
+			let result;
+			if (this.$route.params.package) {
+				result = await ApiService.put(
+					urls.updatePackage(this.$route.params.package),
+					this.formData
+				);
+			} else {
+				result = await ApiService.post(
+					urls.storePackage,
+					this.formData
+				);
+			}
+
+			if (result && result.status == 200) {
+				this.$router.push({ name: "AllPackage" });
+			}
+		}
+	}
+};
+</script>