84 lines
2 KiB
Vue
84 lines
2 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
const remark = defineModel<string>('remark');
|
||
|
|
const detail = defineModel<string>('detail');
|
||
|
|
const name = defineModel<string>('name');
|
||
|
|
const code = defineModel<string>('code');
|
||
|
|
|
||
|
|
defineProps<{
|
||
|
|
dense?: boolean;
|
||
|
|
outlined?: boolean;
|
||
|
|
readonly?: boolean;
|
||
|
|
separator?: boolean;
|
||
|
|
isType?: boolean;
|
||
|
|
}>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="row col-10">
|
||
|
|
<div class="col-4 app-text-muted">
|
||
|
|
• {{ $t(`formDialogTitleInformation`) }}
|
||
|
|
</div>
|
||
|
|
<div class="col-8 row q-col-gutter-md">
|
||
|
|
<q-input
|
||
|
|
:dense="dense"
|
||
|
|
:outlined="!readonly"
|
||
|
|
:readonly="readonly"
|
||
|
|
:borderless="readonly"
|
||
|
|
hide-bottom-space
|
||
|
|
class="col-3"
|
||
|
|
label="รหัสสินค้า"
|
||
|
|
v-model="code"
|
||
|
|
/>
|
||
|
|
<q-input
|
||
|
|
:dense="dense"
|
||
|
|
:outlined="!readonly"
|
||
|
|
:readonly="readonly"
|
||
|
|
:borderless="readonly"
|
||
|
|
hide-bottom-space
|
||
|
|
class="col-9"
|
||
|
|
label="ชื่อสินค้า"
|
||
|
|
v-model="name"
|
||
|
|
/>
|
||
|
|
<q-input
|
||
|
|
:dense="dense"
|
||
|
|
:outlined="!readonly"
|
||
|
|
:readonly="readonly"
|
||
|
|
:borderless="readonly"
|
||
|
|
hide-bottom-space
|
||
|
|
type="textarea"
|
||
|
|
class="col-12"
|
||
|
|
label="รายละเอียดบริการ"
|
||
|
|
v-model="detail"
|
||
|
|
/>
|
||
|
|
<q-input
|
||
|
|
:dense="dense"
|
||
|
|
:outlined="!readonly"
|
||
|
|
:readonly="readonly"
|
||
|
|
:borderless="readonly"
|
||
|
|
hide-bottom-space
|
||
|
|
type="textarea"
|
||
|
|
class="col-12"
|
||
|
|
:label="$t('detail')"
|
||
|
|
v-model="remark"
|
||
|
|
/>
|
||
|
|
<q-input
|
||
|
|
:dense="dense"
|
||
|
|
:outlined="!readonly"
|
||
|
|
:readonly="readonly"
|
||
|
|
:borderless="readonly"
|
||
|
|
hide-bottom-space
|
||
|
|
class="col-4"
|
||
|
|
label="ระยะเวลาในการดำเนินการ"
|
||
|
|
v-model="remark"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<q-separator
|
||
|
|
v-if="separator"
|
||
|
|
class="col-12 q-mt-xl q-mb-md"
|
||
|
|
style="padding-block: 0.5px"
|
||
|
|
/>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|