mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/portal.git
synced 2026-08-30 09:54:16 +00:00
edmondlang
59 lines
2.5 KiB
Vue
59 lines
2.5 KiB
Vue
<template>
|
|
<div class="row" style="width: 600px; margin: auto;" @keyup.enter="submitForm">
|
|
<div class="col bg-white padding-20 b-rad-lg">
|
|
<div class="row m-b-10">
|
|
<div class="col">
|
|
<h3 class="bold fs-20 m-b-0">Edit Package</h3>
|
|
<p class="normal-text muted">Process of editing the container needs to verify from the warehouse</p>
|
|
</div>
|
|
</div>
|
|
<div class="row m-t-20">
|
|
<div class="col">
|
|
<div class="row m-auto mt-10 mb-10">
|
|
<div class="col p-l-0 p-r-10">
|
|
<validation-wrapper-component class="m-b-15" :validator="$v.parameters.container_number">
|
|
<label class="semi-bold text-primary">Container Number</label>
|
|
<input type="text" class="form-control fs-12">
|
|
</validation-wrapper-component>
|
|
</div>
|
|
<div class="col p-r-0 p-l-10">
|
|
<validation-wrapper-component class="m-b-15" :validator="$v.parameters.sealing_number">
|
|
<label class="semi-bold text-primary">Sealing Number</label>
|
|
<input type="text" class="form-control">
|
|
</validation-wrapper-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row m-t-15">
|
|
<div class="col d-flex justify-content-end">
|
|
<div class="btn btn-default btn-sm bg-master-light m-r-10 text-white padding-10 p-l-40 p-r-40 rounded" data-dismiss="modal">Cancel</div>
|
|
<div class="btn btn-default btn-sm b-primary btn-outline-primary padding-10 p-l-40 p-r-40 rounded">Upload</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import modalFormHandler from '../../../general/mixins/modalFormHandler';
|
|
import { required } from "vuelidate/lib/validators";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
parameters: {
|
|
container_number: this.container_number,
|
|
sealing_number: this.sealing_number,
|
|
}
|
|
};
|
|
},
|
|
validations: {
|
|
parameters: {
|
|
container_number: { required },
|
|
sealing_number: { required },
|
|
}
|
|
},
|
|
mixins: [modalFormHandler]
|
|
}
|
|
|
|
</script> |