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

feat: by ค่า

Browse source
This commit is contained in:
Net 2024-06-07 14:15:41 +07:00
parent 159a3d9991
commit 817d70a593
1 changed files with 10 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/03_customer-management/BranchCardCustomer.vue
View file

@ -1,23 +1,13 @@
<script setup lang="ts"> <script setup lang="ts">
import branch from 'src/i18n/en-US/branch';
import AppBox from 'components/app/AppBox.vue'; import AppBox from 'components/app/AppBox.vue';
import { CustomerBranch } from 'src/stores/customer/types';
withDefaults( withDefaults(
defineProps<{ defineProps<{
data: any; data: CustomerBranch;
}>(), }>(),
{ {},
data: {
branchCode: 'SNIS-642',
branchName: 'จ็อบเวิร์ดเกอร์เซอร์วิส',
address: 'เลขที่ 49,51 ถนนสุขสวัสดิ์ แขวงราษฏร์บูรณะ ...',
tel: '02-012-2323',
type: 'สาขา',
typeCop: 'แม่บ้าน',
boolean: true,
number: 10,
},
},
); );
</script> </script>
@ -26,7 +16,7 @@ withDefaults(
<div <div
class="row col-12 q-px-md q-py-md justify-between bordered-b surface-3 items-center" class="row col-12 q-px-md q-py-md justify-between bordered-b surface-3 items-center"
> >
<div>{{ $t('customerBranchFormTab') }} {{ data.branchCode }}</div> <div>{{ $t('customerBranchFormTab') }} {{ data.branchNo }}</div>
<q-btn <q-btn
@click.stop="$emit('view-detail')" @click.stop="$emit('view-detail')"
:label="$t('viewDetail')" :label="$t('viewDetail')"
@ -39,7 +29,7 @@ withDefaults(
</div> </div>
<div class="row col-12 q-px-md q-py-sm bordered-b"> <div class="row col-12 q-px-md q-py-sm bordered-b">
<div class="col-5">{{ $t('branchName') }}</div> <div class="col-5">{{ $t('branchName') }}</div>
<div class="col-7">{{ data.branchName }}</div> <div class="col-7">{{ data.name }}</div>
</div> </div>
<div class="row col-12 q-px-md q-py-sm bordered-b surface-2"> <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
<div class="col-5">{{ $t('address') }}</div> <div class="col-5">{{ $t('address') }}</div>
@ -47,17 +37,17 @@ withDefaults(
</div> </div>
<div class="row col-12 q-px-md q-py-sm bordered-b"> <div class="row col-12 q-px-md q-py-sm bordered-b">
<div class="col-5">{{ $t('telephone') }}</div> <div class="col-5">{{ $t('telephone') }}</div>
<div class="col-7">{{ data.tel }}</div> <div class="col-7">{{ data.telephoneNo }}</div>
</div> </div>
<div class="row col-12 q-px-md q-py-sm bordered-b surface-2"> <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
<div class="col-5">{{ $t('businessTypePure') }}</div> <div class="col-5">{{ $t('businessTypePure') }}</div>
<div class="col-7">{{ data.typeCop }}</div> <div class="col-7">{{ data.bussinessType }}</div>
</div> </div>
<div class="row col-12 q-px-md q-py-sm bordered-b"> <div class="row col-12 q-px-md q-py-sm bordered-b">
<div class="col-5">{{ $t('status') }}</div> <div class="col-5">{{ $t('status') }}</div>
<div class="col-7"> <div class="col-7">
<q-badge <q-badge
v-if="data.boolean" v-if="data.status"
class="q-px-md q-py-xs rounded" class="q-px-md q-py-xs rounded"
style="background-color: var(--teal-1); color: var(--teal-4)" style="background-color: var(--teal-1); color: var(--teal-4)"
> >
@ -75,7 +65,7 @@ withDefaults(
</div> </div>
<div class="row col-12 q-px-md q-py-sm surface-3"> <div class="row col-12 q-px-md q-py-sm surface-3">
<div class="col-5">{{ $t('allEmployee') }}</div> <div class="col-5">{{ $t('allEmployee') }}</div>
<div class="col-7">{{ data.number }}</div> <div class="col-7">-</div>
</div> </div>
</AppBox> </AppBox>
</template> </template>