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

refactor: edit select
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 5s
Details

Browse source
This commit is contained in:
Thanaphon Frappet 2025-08-22 14:28:11 +07:00
parent 77f66ca302
commit 67ca569ad1
9 changed files with 32 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/shared/select/SelectAgent.vue
View file

@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue';
import { getRole } from 'src/services/keycloak'; import { getRole } from 'src/services/keycloak';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import { User } from 'src/stores/user/types'; import { User } from 'src/stores/user/types';
@ -77,7 +77,7 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
incremental incremental
option-value="id" option-value="id"
@ -85,7 +85,7 @@ function setDefaultValue() {
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option="selectOptions" :options="selectOptions"
:hide-selected="false" :hide-selected="false"
:fill-input="false" :fill-input="false"
:rules="[ :rules="[
@ -123,5 +123,5 @@ function setDefaultValue() {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectBranch.vue
View file

@ -3,7 +3,7 @@ import { ref, onMounted } from 'vue';
import { getRole } from 'src/services/keycloak'; import { getRole } from 'src/services/keycloak';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import { Branch } from 'src/stores/branch/types'; import { Branch } from 'src/stores/branch/types';
@ -74,7 +74,7 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
for="select-hq-id" for="select-hq-id"
v-model="value" v-model="value"
incremental incremental
@ -82,7 +82,7 @@ function setDefaultValue() {
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option=" :options="
selectOptions.map((v) => { selectOptions.map((v) => {
const ret = { const ret = {
label: codeOnly label: codeOnly
@ -114,5 +114,5 @@ function setDefaultValue() {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectCustomer.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import SelectCustomerItem from './SelectCustomerItem.vue'; import SelectCustomerItem from './SelectCustomerItem.vue';
import useStore, { Customer, CustomerBranch } from 'src/stores/customer'; import useStore, { Customer, CustomerBranch } from 'src/stores/customer';
@ -70,7 +70,7 @@ onMounted(async () => {
}); });
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
option-value="id" option-value="id"
incremental incremental
@ -79,7 +79,7 @@ onMounted(async () => {
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option="selectOptions" :options="selectOptions"
:hide-selected="false" :hide-selected="false"
:fill-input="false" :fill-input="false"
:rules="[(v: string) => !!v || $t('form.error.required')]" :rules="[(v: string) => !!v || $t('form.error.required')]"
@ -175,5 +175,5 @@ onMounted(async () => {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

0
src/components/shared/select/SelectEmployee.vue
View file

8
src/components/shared/select/SelectFlow.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import { WorkflowTemplate } from 'src/stores/workflow-template/types'; import { WorkflowTemplate } from 'src/stores/workflow-template/types';
@ -72,7 +72,7 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
for="select-work-flow-template" for="select-work-flow-template"
v-model="value" v-model="value"
incremental incremental
@ -80,7 +80,7 @@ function setDefaultValue() {
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option=" :options="
selectOptions.map((v) => { selectOptions.map((v) => {
const ret = { const ret = {
label: v.name, label: v.name,
@ -105,5 +105,5 @@ function setDefaultValue() {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectInstitution.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import { Institution } from 'src/stores/institution/types'; import { Institution } from 'src/stores/institution/types';
@ -72,14 +72,14 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
incremental incremental
:label :label
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option=" :options="
selectOptions.map((v) => { selectOptions.map((v) => {
const ret = { const ret = {
label: v.name, label: v.name,
@ -104,5 +104,5 @@ function setDefaultValue() {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectProductGroup.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import { ProductGroup } from 'stores/product-service/types'; import { ProductGroup } from 'stores/product-service/types';
@ -71,7 +71,7 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
incremental incremental
option-label="code" option-label="code"
@ -80,7 +80,7 @@ function setDefaultValue() {
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option="selectOptions" :options="selectOptions"
:hide-selected="false" :hide-selected="false"
:fill-input="false" :fill-input="false"
:rules="[ :rules="[
@ -120,5 +120,5 @@ function setDefaultValue() {
</span> </span>
</q-item-section> </q-item-section>
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectQuotation.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import useOptionStore from 'src/stores/options'; import useOptionStore from 'src/stores/options';
@ -102,7 +102,7 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
option-value="id" option-value="id"
incremental incremental
@ -111,7 +111,7 @@ function setDefaultValue() {
:readonly :readonly
:hide-input="value !== ''" :hide-input="value !== ''"
:disable="disabled" :disable="disabled"
:option="selectOptions" :options="selectOptions"
:hide-selected="false" :hide-selected="false"
:fill-input="false" :fill-input="false"
:rules="[ :rules="[
@ -219,5 +219,5 @@ function setDefaultValue() {
</div> </div>
</div> </div>
</template> </template>
</SelectInput> </SelectBase>
</template> </template>

8
src/components/shared/select/SelectUser.vue
View file

@ -2,7 +2,7 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { createSelect, SelectProps } from './select'; import { createSelect, SelectProps } from './select';
import SelectInput from '../SelectInput.vue'; import SelectBase from './SelectBase.vue';
import useStore, { User } from 'src/stores/user'; import useStore, { User } from 'src/stores/user';
import { Lang } from 'src/utils/ui'; import { Lang } from 'src/utils/ui';
@ -68,14 +68,14 @@ function setDefaultValue() {
} }
</script> </script>
<template> <template>
<SelectInput <SelectBase
v-model="value" v-model="value"
incremental incremental
:label :label
:placeholder :placeholder
:readonly :readonly
:disable="disabled" :disable="disabled"
:option=" :options="
selectOptions.map((v) => { selectOptions.map((v) => {
const ret = { const ret = {
label: ( label: (
@ -106,5 +106,5 @@ function setDefaultValue() {
class="cursor-pointer clear-btn" class="cursor-pointer clear-btn"
/> />
</template> </template>
</SelectInput> </SelectBase>
</template> </template>