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

fix: แก้ layout ของ สินค้าแสดงราคา

Browse source
This commit is contained in:
Net 2024-06-26 11:51:57 +07:00
parent de4aa8c585
commit 47d2c7757c
1 changed files with 27 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/components/04_product-service/TotalProductCardComponent.vue
View file

@ -1,9 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue'; import { ref } from 'vue';
import AppBox from 'components/app/AppBox.vue'; import AppBox from 'components/app/AppBox.vue';
import { dateFormat } from 'src/utils/datetime'; import { dateFormat } from 'src/utils/datetime';
import { formatNumberDecimal } from 'src/stores/utils';
const addedProduct = ref<boolean>(false); const addedProduct = ref<boolean>(false);
import { import {
@ -149,61 +150,45 @@ withDefaults(
class="bordered q-pa-xs row surface-0" class="bordered q-pa-xs row surface-0"
style="font-size: 12px; border-radius: 5px; width: 80px" style="font-size: 12px; border-radius: 5px; width: 80px"
> >
<div class="col">งาน</div> <div class="col ellipsis-2-lines">งาน</div>
<q-space /> <q-space />
<div class="col text-center">0</div> <div class="col text-center">0</div>
</div> </div>
</div> </div>
<div <div v-if="data?.type === 'product'" class="flex">
v-if="data?.type === 'product'" <div
class="row q-gutter-x-md flex justify-end" class="row full-width text-right"
> style="font-size: 10px; color: hsl(var(--stone-4-hsl))"
<div class="column text-right" style="height: 25px"> >
<div <div class="col-4">ราคาขาย</div>
class="col" <div class="col-4">ราคาตัวแทน</div>
style="font-size: 10px; color: hsl(var(--stone-4-hsl))" <div class="col-4">ราคาค่าดำเนินการ</div>
>
ราคาขาย
</div>
<div
class="col text-weight-bold"
style="font-size: 16px; color: hsl(var(--orange-5-hsl))"
>
฿{{ data?.price }}.00
</div>
</div> </div>
<div class="column text-right" style="height: 25px"> <div
class="row full-width text-right items-center"
style="margin-top: -5px"
>
<div <div
class="col" class="col-4 text-weight-bold"
style="font-size: 10px; color: hsl(var(--stone-4-hsl))" style="font-size: 14px; color: hsl(var(--orange-5-hsl))"
> >
ราคาตัวแทน ฿{{ formatNumberDecimal(data?.price, 2) }}
</div> </div>
<div <div
class="col text-weight-bold" class="col-4 text-weight-bold"
style="font-size: 16px; color: hsl(var(--purple-9-hsl))" style="font-size: 14px; color: hsl(var(--purple-9-hsl))"
> >
฿{{ data?.agentPrice }}.00 ฿{{ formatNumberDecimal(data?.agentPrice, 2) }}
</div>
<div
class="col-4"
style="font-size: 12px; color: hsl(var(--pink-7-hsl))"
>
฿{{ formatNumberDecimal(data?.serviceCharge, 2) }}
</div> </div>
</div> </div>
<div class="column text-right" style="height: 25px">
<div
class="col"
style="font-size: 10px; color: hsl(var(--stone-4-hsl))"
>
ราคาค่าดำเนินการ
</div>
<div
class="col"
style="font-size: 16px; color: hsl(var(--pink-7-hsl))"
>
฿{{ data?.serviceCharge }}.00
</div>
</div>
<!-- ฿ {{ data?.price }} -->
</div> </div>
<div <div