PrinterImg
This commit is contained in:
parent
15790c0e0c
commit
54948c1795
5
.prettierrc
Normal file
5
.prettierrc
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
{
|
||||||
|
"tabWidth": 2,
|
||||||
|
"useTabs": false,
|
||||||
|
"htmlWhitespaceSensitivity": "ignore"
|
||||||
|
}
|
Binary file not shown.
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
Before Width: | Height: | Size: 153 KiB |
Binary file not shown.
Before Width: | Height: | Size: 184 KiB |
12
web/src/components/PrinterImg.vue
Normal file
12
web/src/components/PrinterImg.vue
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
<template>
|
||||||
|
<v-img height="300" :src="`/img/${model}.png`" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
defineProps({
|
||||||
|
model: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
|
@ -15,11 +15,11 @@
|
||||||
|
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
|
|
||||||
<v-chip variant="flat" color="primary">
|
<v-chip color="primary">
|
||||||
<v-avatar v-if="me?.thumbnailPhoto" :image="me?.thumbnailPhoto" start />
|
<v-avatar v-if="me?.thumbnailPhoto" :image="me?.thumbnailPhoto" start />
|
||||||
{{ me?.displayName }}
|
{{ me?.displayName }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-btn class="ml-2" variant="text" @click="logout" icon size="small">
|
<v-btn class="mx-2" @click="logout" icon size="small">
|
||||||
<v-icon icon="mdi-logout"></v-icon>
|
<v-icon icon="mdi-logout"></v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
|
|
|
@ -1,7 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h1>Home</h1>
|
<h1>Home</h1>
|
||||||
|
<printer-img model="ECOSYS P6235cdn" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup></script>
|
<script lang="ts" setup>
|
||||||
|
import PrinterImg from "@/components/PrinterImg.vue";
|
||||||
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user