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

fix: แก้ layout ใหม่

Browse source
This commit is contained in:
Net 2024-06-19 13:50:45 +07:00
parent 37d53d25f1
commit 03bd77a222
1 changed files with 31 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/components/04_product-service/ฺBasicInfoProduct.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
const remark = defineModel<string>('remark'); const remark = defineModel<string>('remark', { default: '' });
const detail = defineModel<string>('detail'); const detail = defineModel<string>('detail');
const process = defineModel<number>('process'); const process = defineModel<number>('process');
const name = defineModel<string>('name'); const name = defineModel<string>('name');
@ -57,18 +57,31 @@ defineProps<{
v-model="detail" v-model="detail"
/> />
<q-input <div class="col-12" v-if="readonly">
for="input-remark" <div style="padding-top: 12px">
:dense="dense" <text style="padding-left: 12px; color: rgba(0, 0, 0, 0.6)">
:outlined="!readonly" {{ $t('detail') }}
:readonly="readonly" </text>
:borderless="readonly"
hide-bottom-space <q-card-section v-html="remark" />
type="textarea" </div>
class="col-12" </div>
:label="$t('detail')"
v-model="remark" <div class="col-12" v-else>
/> <div class="bordered rounded" style="padding-top: 12px">
<text style="padding-left: 12px; color: rgba(0, 0, 0, 0.6)">
{{ $t('detail') }}
</text>
<q-editor
dense
class="rounded surface-2"
v-model="remark"
min-height="5rem"
style="border: none"
/>
</div>
</div>
<q-input <q-input
for="input-process" for="input-process"
@ -91,4 +104,8 @@ defineProps<{
/> />
</template> </template>
<style scoped></style> <style scoped>
.q-editor__toolbar {
border-bottom: none !important;
}
</style>