changes during sync

This commit is contained in:
Tyrel Souza 2023-10-11 20:04:28 -04:00
parent dccfcd43d2
commit c2ae7bc9f0
No known key found for this signature in database
GPG Key ID: F3614B02ACBE438E
3 changed files with 52 additions and 70 deletions

View File

@ -1,72 +1,50 @@
<template> <template>
<div class="card-header">Primary Cal Device</div> <div class="card-header">Calibration Devices</div>
<div class="card-body"> <div class="card-body">
<table class="table"> <h3>Primary Device</h3>
<tbody> <select
<tr> name="primary_device"
<td colspan="2"> v-model="report_type"
<h3>Calibration Date</h3> required
<VueDatePicker id="id_report_type"
v-model="date" >
auto-apply <option value="-" selected>----Primary-----</option>
:enableTimePicker="false" <option value="TV">Menzer1</option>
:flow="flow" <option value="HC">Blackbelt</option>
></VueDatePicker> </select>
</td> <td colspan="2">
</tr> <h3>Calibration Date</h3>
<tr> <div class="date-picker">
<td colspan="2"> <VueDatePicker
<h3>Calibration Due Date</h3> v-model="date"
<VueDatePicker auto-apply
v-model="due_date" :enableTimePicker="false"
auto-apply :flow="flow"
:enableTimePicker="false" ></VueDatePicker>
:flow="flow" </div>
></VueDatePicker> </td>
</td> <hr />
</tr> <h3>Secondary Device</h3>
<tr>
<td>Model</td>
<td>
<input
type="text"
name="model"
maxlength="100"
v-model="model"
required
id="id_model"
/>
</td>
</tr>
<tr>
<td>Serial #</td>
<td>
<input
type="text"
name="serial"
maxlength="100"
v-model="serial"
required
id="id_serial"
/>
</td>
</tr>
<tr> <select
<td>Cert ID</td> name="secondary_device"
<td> v-model="report_type"
<input required
type="text" id="id_report_type"
name="cert_id" >
maxlength="100" <option value="-" selected>----Secondary-----</option>
v-model="cert_id" <option value="TV">Menzer1</option>
required <option value="HC">Blackbelt</option>
id="id_cert_id" </select>
/> <h3>Calibration Date</h3>
</td> <div class="date-picker">
</tr> <VueDatePicker
</tbody> v-model="date"
</table> auto-apply
:enableTimePicker="false"
:flow="flow"
></VueDatePicker>
</div>
</div> </div>
</template> </template>
<script setup> <script setup>
@ -78,8 +56,8 @@ import "@vuepic/vue-datepicker/dist/main.css";
const model = ref(""), const model = ref(""),
serial = ref(""), serial = ref(""),
cert_id = ref(""), cert_id = ref(""),
due_date = ref(new Date), due_date = ref(new Date()),
date = ref(new Date); date = ref(new Date());
const flow = ref(["year", "month", "calendar"]); const flow = ref(["year", "month", "calendar"]);

View File

@ -82,7 +82,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Transducer Span</td> <td>Transducer Span (psia)</td>
<td> <td>
<input <input
type="text" type="text"
@ -126,3 +126,4 @@ watchEffect(() => {
}); });
}); });
</script> </script>

View File

@ -1,4 +1,7 @@
body {
margin: 1rem;
background: url("/public/funky-lines.webp");
}
.card { .card {
border: 1px solid; border: 1px solid;