remodel scan process and visualize external
This commit is contained in:
parent
9ef76a7c26
commit
ed947e5777
23 changed files with 338 additions and 29 deletions
|
@ -26,6 +26,9 @@
|
|||
<p v-else class="pt-4 border-b border-gray-300">{{ item.title }}</p>
|
||||
</div>
|
||||
</template>
|
||||
<template #bottomButtons>
|
||||
<ScanSidebarInfo v-if="inUse" />
|
||||
</template>
|
||||
</SidebarTemplate>
|
||||
</template>
|
||||
<template #main>
|
||||
|
@ -43,6 +46,8 @@ import SidebarTemplate from "@/templates/Sidebar.vue";
|
|||
import RoutingLink from "@/components/admin/RoutingLink.vue";
|
||||
import { useAbilityStore } from "@/stores/ability";
|
||||
import { RouterView } from "vue-router";
|
||||
import { useScannerStore } from "../../stores/admin/scanner";
|
||||
import ScanSidebarInfo from "../../components/scanner/ScanSidebarInfo.vue";
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
@ -54,6 +59,7 @@ export default defineComponent({
|
|||
"activeLink",
|
||||
"activeNavigation",
|
||||
]),
|
||||
...mapState(useScannerStore, ["inUse"]),
|
||||
},
|
||||
created() {
|
||||
useAbilityStore().$subscribe(() => {
|
||||
|
|
|
@ -48,7 +48,7 @@ import Spinner from "@/components/Spinner.vue";
|
|||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import { useEquipmentTypeStore } from "@/stores/admin/unit/equipmentType/equipmentType";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import EquipmentTypeSearchSelect from "@/components/search/EquipmentTypeSearchSelect.vue";
|
||||
</script>
|
||||
|
||||
|
|
|
@ -50,7 +50,7 @@ import type {
|
|||
import Spinner from "@/components/Spinner.vue";
|
||||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import isEqual from "lodash.isequal";
|
||||
import cloneDeep from "lodash.clonedeep";
|
||||
</script>
|
||||
|
|
|
@ -66,7 +66,7 @@ import type {
|
|||
import Spinner from "@/components/Spinner.vue";
|
||||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import isEqual from "lodash.isequal";
|
||||
import cloneDeep from "lodash.clonedeep";
|
||||
import InspectionTimeFormatExplainIcon from "@/components/admin/unit/InspectionTimeFormatExplainIcon.vue";
|
||||
|
|
|
@ -49,7 +49,7 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
|||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import { useVehicleTypeStore } from "@/stores/admin/unit/vehicleType/vehicleType";
|
||||
import VehicleTypeSearchSelect from "@/components/search/VehicleTypeSearchSelect.vue";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
|
@ -52,7 +52,7 @@ import type { UpdateVehicleViewModel, VehicleViewModel } from "@/viewmodels/admi
|
|||
import Spinner from "@/components/Spinner.vue";
|
||||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import isEqual from "lodash.isequal";
|
||||
import cloneDeep from "lodash.clonedeep";
|
||||
</script>
|
||||
|
|
|
@ -49,7 +49,7 @@ import Spinner from "@/components/Spinner.vue";
|
|||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import { useWearableTypeStore } from "@/stores/admin/unit/wearableType/wearableType";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import MemberSearchSelectSingle from "@/components/search/MemberSearchSelectSingle.vue";
|
||||
import WearableTypeSearchSelect from "@/components/search/WearableTypeSearchSelect.vue";
|
||||
</script>
|
||||
|
|
|
@ -53,7 +53,7 @@ import type {
|
|||
import Spinner from "@/components/Spinner.vue";
|
||||
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
|
||||
import FailureXMark from "@/components/FailureXMark.vue";
|
||||
import ScanInput from "@/components/ScanInput.vue";
|
||||
import ScanInput from "@/components/scanner/ScanInput.vue";
|
||||
import isEqual from "lodash.isequal";
|
||||
import cloneDeep from "lodash.clonedeep";
|
||||
import MemberSearchSelectSingle from "@/components/search/MemberSearchSelectSingle.vue";
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue