changes during sync
This commit is contained in:
parent
dccfcd43d2
commit
c2ae7bc9f0
@ -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"]);
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
@ -1,4 +1,7 @@
|
|||||||
|
body {
|
||||||
|
margin: 1rem;
|
||||||
|
background: url("/public/funky-lines.webp");
|
||||||
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
|
Loading…
Reference in New Issue
Block a user