chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: request list => display invoice code & payment code

Browse source
This commit is contained in:
puriphatt 2024-11-29 11:17:35 +07:00
parent 3d48cd1140
commit 7147ed1819
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/08_request-list/DataDisplay.vue
View file

@ -7,6 +7,7 @@ withDefaults(
value: string;
icon?: string;
iconSize?: string;
tooltip?: boolean;
}>(),
{
label: '-',
@ -16,19 +17,20 @@ withDefaults(
</script>
<template>
<article class="row items-center">
<article class="row items-center full-width">
<Icon
v-if="icon"
:icon
class="app-text-muted q-pr-sm"
:width="iconSize || '2rem'"
/>
<span class="column">
<span class="app-text-muted-2 text-caption">
<span class="row col">
<span class="col-12 app-text-muted-2 text-caption">
{{ label }}
</span>
<span class="text-weight-medium">
<span class="col-12 text-weight-medium ellipsis">
{{ value }}
<q-tooltip v-if="tooltip" :delay="500">{{ value }}</q-tooltip>
</span>
</span>
</article>