style="min-width: 140px"

2024-11-05 16:33:46 +07:00 · 2024-11-05 16:33:46 +07:00 · 58028bfdd2
commit 58028bfdd2
parent f8f7fb1d96
159 changed files with 309 additions and 298 deletions
--- a/src/components/Dialogs/DialogOrgSelect.vue
+++ b/src/components/Dialogs/DialogOrgSelect.vue
@ -654,8 +654,8 @@ onMounted(async () => {
                                  map-options
                                  :options="columns"
                                  option-value="name"
-                                  options-cover
-                                  style="min-width: 180px"
+                                  
+                                  style="min-width: 140px"
                                />
                              </div>
                            </div>
--- a/src/components/Dialogs/DialogOrgSelectEmployee.vue
+++ b/src/components/Dialogs/DialogOrgSelectEmployee.vue
@ -629,8 +629,8 @@ onMounted(() => {
                                  map-options
                                  :options="columns"
                                  option-value="name"
-                                  options-cover
-                                  style="min-width: 180px"
+                                  
+                                  style="min-width: 140px"
                                />
                              </div>
                            </div>
--- a/src/components/Dialogs/DialogOrgSelectOneStep.vue
+++ b/src/components/Dialogs/DialogOrgSelectOneStep.vue
@ -352,7 +352,7 @@ onMounted(async () => {
                    option-value="name"
                    map-options
                    emit-value
-                    style="min-width: 150px"
+                    style="min-width: 140px"
                    class="gt-xs q-ml-sm"
                  />
                </div>
--- a/src/components/TableHistory.vue
+++ b/src/components/TableHistory.vue
@ -74,7 +74,7 @@
                option-value="name"
                map-options
                emit-value
-                style="min-width: 150px"
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </div>
--- a/src/components/TableView.vue
+++ b/src/components/TableView.vue
@ -146,7 +146,7 @@
          option-value="name"
          map-options
          emit-value
-          style="min-width: 150px"
+          style="min-width: 140px"
          class="gt-xs q-ml-sm"
        />
      </div>
@ -213,7 +213,7 @@
          option-value="name"
          map-options
          emit-value
-          style="min-width: 150px"
+          style="min-width: 140px"
          class="gt-xs q-ml-sm"
        />
      </div>
--- a/src/components/TableView1.vue
+++ b/src/components/TableView1.vue
@ -160,7 +160,7 @@
          option-value="name"
          map-options
          emit-value
-          style="min-width: 150px"
+          style="min-width: 140px"
          class="gt-xs q-ml-sm"
        />
      </div>
--- a/src/components/information/Table.vue
+++ b/src/components/information/Table.vue
@ -49,7 +49,7 @@
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs q-ml-sm"
      />
    </div>
--- a/src/components/information/TableProfile.vue
+++ b/src/components/information/TableProfile.vue
@ -79,7 +79,7 @@
            option-value="name"
            map-options
            emit-value
-            style="min-width: 150px"
+           style="min-width: 140px"
            class="gt-xs q-ml-sm"
          />
        </div>
--- a/src/modules/01_masterdata/components/competency/01ListCompetency.vue
+++ b/src/modules/01_masterdata/components/competency/01ListCompetency.vue
@ -210,8 +210,8 @@ onMounted(() => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
-        style="min-width: 150px"
+        
+        style="min-width: 140px"
      />
    </div>
  </q-toolbar>
--- a/src/modules/01_masterdata/components/competency/02ListLinkPosition.vue
+++ b/src/modules/01_masterdata/components/competency/02ListLinkPosition.vue
@ -225,8 +225,8 @@ onMounted(async () => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
-        style="min-width: 150px"
+        
+        style="min-width: 140px"
      />
    </div>
  </q-toolbar>
--- a/src/modules/01_masterdata/components/competency/03ListLinkGroup.vue
+++ b/src/modules/01_masterdata/components/competency/03ListLinkGroup.vue
@ -390,8 +390,8 @@ onMounted(async () => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
-        style="min-width: 150px"
+        
+       style="min-width: 140px"
      >
      </q-select>
    </div>
--- a/src/modules/01_masterdata/views/Assignment.vue
+++ b/src/modules/01_masterdata/views/Assignment.vue
@ -278,8 +278,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
      </q-toolbar>
--- a/src/modules/01_masterdata/views/indicatorByPlan.vue
+++ b/src/modules/01_masterdata/views/indicatorByPlan.vue
@ -418,8 +418,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 120px"
+            
+            style="min-width: 140px"
          />
        </div>

--- a/src/modules/01_masterdata/views/indicatorByRole.vue
+++ b/src/modules/01_masterdata/views/indicatorByRole.vue
@ -428,8 +428,8 @@ onMounted(async () => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
-        style="min-width: 150px"
+        
+        style="min-width: 140px"
      />
    </div>

--- a/src/modules/01_metadata/components/TableHistory.vue
+++ b/src/modules/01_metadata/components/TableHistory.vue
@ -74,7 +74,7 @@
                option-value="name"
                map-options
                emit-value
-                style="min-width: 150px"
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </div>
--- a/src/modules/02_organization/components/DialogSelectPerson.vue
+++ b/src/modules/02_organization/components/DialogSelectPerson.vue
@ -649,8 +649,8 @@ watch(
                    map-options
                    :options="columnsResult"
                    option-value="name"
-                    options-cover
-                    style="min-width: 150px"
+                    
+                    style="min-width: 140px"
                    class="col-xs-12 col-sm-3 col-md-2"
                  />
                  <div class="col-12">
--- a/src/modules/02_organizational/components/Table.vue
+++ b/src/modules/02_organizational/components/Table.vue
@ -77,7 +77,7 @@
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs q-ml-sm"
      />
    </div>
--- a/src/modules/02_organizational/components/TableReport.vue
+++ b/src/modules/02_organizational/components/TableReport.vue
@ -73,7 +73,7 @@
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs"
      />
    </div>
--- a/src/modules/03_recruiting/components/Table.vue
+++ b/src/modules/03_recruiting/components/Table.vue
@ -164,7 +164,7 @@ function resetFilter() {
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs"
      >
        <template> </template>
--- a/src/modules/03_recruiting/components/Table1.vue
+++ b/src/modules/03_recruiting/components/Table1.vue
@ -138,7 +138,7 @@ const resetFilter = () => {
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs q-ml-sm"
      />
    </div>
--- a/src/modules/03_recruiting/components/TableCan.vue
+++ b/src/modules/03_recruiting/components/TableCan.vue
@ -141,7 +141,7 @@ function resetFilter() {
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
      />
    </div>
  </div>
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@ -592,7 +592,7 @@ watch(
          option-value="name"
          map-options
          emit-value
-          style="min-width: 150px"
+          style="min-width: 140px"
          class="q-ml-sm"
        />
      </div>
--- a/src/modules/04_registry/components/Table.vue
+++ b/src/modules/04_registry/components/Table.vue
@ -49,7 +49,7 @@
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+       style="min-width: 140px"
        class="gt-xs q-ml-sm"
      />
    </div>
--- a/src/modules/04_registry/components/TableProfile.vue
+++ b/src/modules/04_registry/components/TableProfile.vue
@ -104,7 +104,7 @@
            option-value="name"
            map-options
            emit-value
-            style="min-width: 150px"
+            style="min-width: 140px"
            class="gt-xs q-ml-sm"
          />
        </div>
--- a/src/modules/04_registryPerson/components/TableView.vue
+++ b/src/modules/04_registryPerson/components/TableView.vue
@ -240,8 +240,7 @@ watch(
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      style="min-width: 140px"
      class="full-height"
      hide-bottom-space
    />
--- a/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
@ -410,8 +410,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />

    <q-btn-toggle
@ -748,8 +748,8 @@ onMounted(() => {
            map-options
            :options="historyColumns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue
@ -566,8 +566,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />

    <q-btn-toggle
@ -1136,8 +1136,8 @@ onMounted(() => {
            map-options
            :options="historyColumns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
@ -703,8 +703,8 @@ onMounted(async () => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="modeView"
@ -1207,8 +1207,8 @@ onMounted(async () => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
@ -419,8 +419,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="modeView"
@ -821,8 +821,8 @@ onMounted(() => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
@ -634,8 +634,8 @@ onMounted(async () => {
              map-options
              :options="columns"
              option-value="name"
-              options-cover
-              style="min-width: 150px"
+              
+              style="min-width: 140px"
            />
            <q-btn-toggle
              v-model="modeView"
@ -832,8 +832,8 @@ onMounted(async () => {
              map-options
              :options="columnsPlan"
              option-value="name"
-              options-cover
-              style="min-width: 150px"
+              
+              style="min-width: 140px"
            />
            <q-btn-toggle
              v-model="modeViewPlan"
@ -1248,8 +1248,8 @@ onMounted(async () => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue
+++ b/src/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue
@ -620,8 +620,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>

--- a/src/modules/04_registryPerson/components/detail/Employee/02_Employment.vue
+++ b/src/modules/04_registryPerson/components/detail/Employee/02_Employment.vue
@ -275,8 +275,8 @@ onMounted(() => {
        map-options
        :options="columns?.slice(0, 2)"
        option-value="name"
-        options-cover
-        style="min-width: 150px"
+        
+        style="min-width: 140px"
      />
    </div>
  </div>
@ -474,8 +474,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>

--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
@ -694,8 +694,8 @@ onMounted(() => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
@ -398,8 +398,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="mode"
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue
@ -235,8 +235,8 @@ watch(modal, (status) => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
@ -496,8 +496,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="mode"
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue
@ -278,8 +278,8 @@ watch(modal, (status) => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
@ -321,8 +321,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="mode"
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue
@ -227,8 +227,8 @@ watch(modal, (status) => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
@ -256,8 +256,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="mode"
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue
@ -168,8 +168,8 @@ watch(modal, (status) => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@ -893,8 +893,8 @@ onMounted(() => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>

--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@ -496,10 +496,10 @@ onMounted(async () => {
      outlined
      emit-value
      map-options
-      options-cover
+      
      options-dense
      option-value="name"
-      style="min-width: 150px"
+      style="min-width: 140px"
      v-model="visibleColumns"
      :options="columns"
      :display-value="$q.lang.table.columns"
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
@ -941,8 +941,8 @@ onMounted(async () => {
            map-options
            :options="columnsHistory"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
@ -1092,8 +1092,8 @@ onMounted(async () => {
                : columns?.filter((e) => e.name !== 'lastNameOld')
            "
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
@ -787,8 +787,8 @@ onMounted(async () => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />

    <q-btn-toggle
@ -1467,8 +1467,8 @@ onMounted(async () => {
            map-options
            :options="historyColumns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </q-toolbar>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
@ -381,8 +381,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="mode"
@ -637,8 +637,8 @@ onMounted(() => {
            map-options
            :options="historyColumns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </q-toolbar>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
@ -662,8 +662,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
  </div>
  <d-table
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue
@ -311,8 +311,8 @@ watch(
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
@ -291,8 +291,8 @@ onMounted(() => {
      map-options
      :options="columns"
      option-value="name"
-      options-cover
-      style="min-width: 150px"
+      
+      style="min-width: 140px"
    />
    <q-btn-toggle
      v-model="modelView"
--- a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue
@ -196,8 +196,8 @@ watch(modal, (status) => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
        <d-table
--- a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
@ -266,9 +266,9 @@ onMounted(() => {
 <template>
  <q-card class="q-pa-md">
    <div class="row q-mb-sm q-col-gutter-sm">
-      <div class="col-xs-10 col-md-3">
+      <div class="col-xs-12 col-sm-3 col-md-3">
        <q-select
-          style="max-width: 250px"
+          style="min-width: 250px"
          v-model="status"
          label="สถานะคำร้อง"
          dense
@ -300,8 +300,9 @@ onMounted(() => {
        clearable
        dense
        label="ค้นหา"
-        style="width: 250px"
+        style="min-width: 250px"
        @keydown.enter="updateStatusValue()"
+        class="col-xs-12 col-sm-3 col-md-2"
      >
      </q-input>

@ -316,8 +317,8 @@ onMounted(() => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
        class="col-xs-12 col-sm-3 col-md-2"
+        style="min-width: 140px"
      />
    </div>

--- a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
@ -282,9 +282,9 @@ onMounted(() => {
 <template>
  <q-card class="q-pa-md">
    <div class="row q-mb-sm q-col-gutter-sm">
-      <div class="col-xs-10 col-md-3">
+      <div class="col-xs-12 col-sm-3 col-md-3">
        <q-select
-          style="max-width: 250px"
+          style="min-width: 250px"
          v-model="status"
          label="สถานะคำร้อง"
          dense
@ -316,8 +316,9 @@ onMounted(() => {
        clearable
        dense
        label="ค้นหา"
-        style="width: 250px"
+        style="min-width: 250px"
        @keydown.enter="updateStatusValue()"
+        class="col-xs-12 col-sm-3 col-md-2"
      >
      </q-input>

@ -332,7 +333,7 @@ onMounted(() => {
        map-options
        :options="columns"
        option-value="name"
-        options-cover
+        style="min-width: 140px"
        class="col-xs-12 col-sm-3 col-md-2"
      />
    </div>
--- a/src/modules/05_placement/components/AppointEmployee/DialogOrders.vue
+++ b/src/modules/05_placement/components/AppointEmployee/DialogOrders.vue
@ -266,8 +266,8 @@ watch(
                  map-options
                  :options="columns2"
                  option-value="name"
-                  options-cover
-                  style="min-width: 150px"
+                  
+                  style="min-width: 140px"
                />
              </div>
            </div>
--- a/src/modules/05_placement/components/AppointMent/DialogOrders.vue
+++ b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
@ -291,8 +291,8 @@ watch(
                  map-options
                  :options="columns2"
                  option-value="name"
-                  options-cover
-                  style="min-width: 150px"
+                  
+                  style="min-width: 140px"
                />
              </div>
            </div>
--- a/src/modules/05_placement/components/Help-Government/DialogOrders.vue
+++ b/src/modules/05_placement/components/Help-Government/DialogOrders.vue
@ -269,8 +269,8 @@ watch(
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/Other/DialogOrders.vue
+++ b/src/modules/05_placement/components/Other/DialogOrders.vue
@ -263,8 +263,8 @@ watch(
                  map-options
                  :options="columns2"
                  option-value="name"
-                  options-cover
-                  style="min-width: 150px"
+                  
+                  style="min-width: 140px"
                />
              </div>
            </div>
--- a/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue
@ -131,7 +131,7 @@ const resetFilter = () => {
        option-value="name"
        map-options
        emit-value
-        style="min-width: 150px"
+        style="min-width: 140px"
        class="gt-xs q-ml-sm"
      />
    </div>
--- a/src/modules/05_placement/components/PersonalList/CardPosition.vue
+++ b/src/modules/05_placement/components/PersonalList/CardPosition.vue
@ -367,8 +367,8 @@ onMounted(async () => {
                  map-options
                  :options="columns"
                  option-value="name"
-                  options-cover
-                  style="min-width: 180px"
+                  
+                  style="min-width: 140px"
                />
              </div>
            </div>
--- a/src/modules/05_placement/components/PersonalList/DialogOrders.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogOrders.vue
@ -279,8 +279,8 @@ watch(
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="gt-xs q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@ -1412,8 +1412,8 @@ onMounted(async () => {
                map-options
                :options="columns"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/PersonalList/TableView.vue
+++ b/src/modules/05_placement/components/PersonalList/TableView.vue
@ -262,7 +262,7 @@ function onUpdateNewRows() {
          option-value="name"
          map-options
          emit-value
-          style="min-width: 150px"
+          style="min-width: 140px"
          class="gt-xs q-ml-sm"
        />
      </div>
--- a/src/modules/05_placement/components/Receive/DialogOrders.vue
+++ b/src/modules/05_placement/components/Receive/DialogOrders.vue
@ -207,8 +207,8 @@ watchEffect(() => {
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/Repatriate/DialogOrders.vue
+++ b/src/modules/05_placement/components/Repatriate/DialogOrders.vue
@ -229,8 +229,8 @@ watch(
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/Transfer/DialogOrders.vue
+++ b/src/modules/05_placement/components/Transfer/DialogOrders.vue
@ -193,8 +193,8 @@ watch(
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/probation/DialogOrder.vue
+++ b/src/modules/05_placement/components/probation/DialogOrder.vue
@ -316,8 +316,8 @@ watch(
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="gt-xs q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/components/probation/DialogOrder/DialogSendToCommand.vue
+++ b/src/modules/05_placement/components/probation/DialogOrder/DialogSendToCommand.vue
@ -177,8 +177,8 @@ watchEffect(() => {
                map-options
                :options="columns"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue
+++ b/src/modules/05_placement/components/probation/FormAppoint/FormAppoint.vue
@ -663,8 +663,8 @@ onMounted(async () => {
                  map-options
                  :options="columnsMember"
                  option-value="name"
-                  options-cover
-                  style="min-width: 150px"
+                  
+                  style="min-width: 140px"
                  class="col-xs-12 col-sm-3 col-md-2"
                />
              </div>
--- a/src/modules/05_placement/components/probation/MainAppoint.vue
+++ b/src/modules/05_placement/components/probation/MainAppoint.vue
@ -209,8 +209,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2"
          />
        </div>
--- a/src/modules/05_placement/components/probation/MainProbation.vue
+++ b/src/modules/05_placement/components/probation/MainProbation.vue
@ -577,8 +577,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/05_placement/components/probation/ProbationDetail.vue
+++ b/src/modules/05_placement/components/probation/ProbationDetail.vue
@ -414,8 +414,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/05_placement/views/01_Main.vue
+++ b/src/modules/05_placement/views/01_Main.vue
@ -450,7 +450,7 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
+          style="min-width: 140px"
        />
      </div>

--- a/src/modules/05_placement/views/02_transferMain.vue
+++ b/src/modules/05_placement/views/02_transferMain.vue
@ -236,8 +236,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/views/03_receiveMain.vue
+++ b/src/modules/05_placement/views/03_receiveMain.vue
@ -394,8 +394,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/views/04_helpGovernmentMain.vue
+++ b/src/modules/05_placement/views/04_helpGovernmentMain.vue
@ -323,8 +323,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/views/05_repatriateMain.vue
+++ b/src/modules/05_placement/views/05_repatriateMain.vue
@ -287,8 +287,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>

--- a/src/modules/05_placement/views/06_appointPromoteMain.vue
+++ b/src/modules/05_placement/views/06_appointPromoteMain.vue
@ -336,8 +336,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/views/07_appointEmployeeMain.vue
+++ b/src/modules/05_placement/views/07_appointEmployeeMain.vue
@ -342,8 +342,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/05_placement/views/08_otherMain.vue
+++ b/src/modules/05_placement/views/08_otherMain.vue
@ -268,8 +268,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/06_retirement/components/Deceased/Deceased.vue
+++ b/src/modules/06_retirement/components/Deceased/Deceased.vue
@ -187,8 +187,8 @@ onMounted(() => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2"
          />
        </div>
--- a/src/modules/06_retirement/components/Deceased/DetailByidDeceased.vue
+++ b/src/modules/06_retirement/components/Deceased/DetailByidDeceased.vue
@ -348,7 +348,7 @@ onMounted(async () => {
            option-value="name"
            map-options
            emit-value
-            style="min-width: 150px"
+            style="min-width: 140px"
            class="gt-xs q-ml-sm"
          />
        </div>
--- a/src/modules/06_retirement/components/Discharged/DialogSendToCommand.vue
+++ b/src/modules/06_retirement/components/Discharged/DialogSendToCommand.vue
@ -188,8 +188,8 @@ watchEffect(() => {
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/06_retirement/components/Discharged/dischargedMain.vue
+++ b/src/modules/06_retirement/components/Discharged/dischargedMain.vue
@ -283,8 +283,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/06_retirement/components/DismissOrder/DialogSendToCommand.vue
+++ b/src/modules/06_retirement/components/DismissOrder/DialogSendToCommand.vue
@ -210,8 +210,8 @@ watchEffect(() => {
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/06_retirement/components/DismissOrder/DismissOrder.vue
+++ b/src/modules/06_retirement/components/DismissOrder/DismissOrder.vue
@ -256,8 +256,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/06_retirement/components/ExitInterview/exitMain.vue
+++ b/src/modules/06_retirement/components/ExitInterview/exitMain.vue
@ -339,8 +339,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2"
          />
        </div>
--- a/src/modules/06_retirement/components/Expulsion/DialogSendToCommand.vue
+++ b/src/modules/06_retirement/components/Expulsion/DialogSendToCommand.vue
@ -191,8 +191,8 @@ watchEffect(() => {
                map-options
                :options="columns2"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/06_retirement/components/Expulsion/expulsionMain.vue
+++ b/src/modules/06_retirement/components/Expulsion/expulsionMain.vue
@ -281,8 +281,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@ -525,8 +525,8 @@ onMounted(() => {
              map-options
              :options="columns"
              option-value="name"
-              options-cover
-              style="min-width: 150px"
+              
+              style="min-width: 140px"
              class="gt-xs q-ml-sm"
            >
            </q-select>
--- a/src/modules/06_retirement/components/resign/DialogSendToCommand.vue
+++ b/src/modules/06_retirement/components/resign/DialogSendToCommand.vue
@ -214,8 +214,8 @@ watchEffect(() => {
                map-options
                :options="columns"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </q-toolbar>
--- a/src/modules/06_retirement/components/resign/Table.vue
+++ b/src/modules/06_retirement/components/resign/Table.vue
@ -300,8 +300,8 @@ onMounted(async () => {
            map-options
            :options="columns"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
          />
        </div>
      </div>
--- a/src/modules/06_retirement/views/Main.vue
+++ b/src/modules/06_retirement/views/Main.vue
@ -335,8 +335,8 @@ onMounted(async () => {
                map-options
                :options="columns"
                option-value="name"
-                options-cover
-                style="min-width: 150px"
+                
+                style="min-width: 140px"
                class="col-xs-12 col-sm-3 col-md-2"
              />
            </div>
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@ -869,8 +869,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/07_insignia/components/2_Manage/Tab2.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab2.vue
@ -335,8 +335,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/07_insignia/components/2_Manage/Tab3.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab3.vue
@ -336,8 +336,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/07_insignia/components/3_result/TabDocuments.vue
+++ b/src/modules/07_insignia/components/3_result/TabDocuments.vue
@ -249,8 +249,8 @@ onMounted(async () => {
            map-options
            :options="colums2"
            option-value="name"
-            options-cover
-            style="min-width: 150px"
+            
+            style="min-width: 140px"
            class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
          />
        </div>
--- a/src/modules/07_insignia/components/4_Allocate/DialogForm.vue
+++ b/src/modules/07_insignia/components/4_Allocate/DialogForm.vue
@ -117,7 +117,7 @@ watch(
                emit-value
                map-options
                outlined
-                options-cover
+                
                :rules="[(val:string) => !!val || `${'กรุณาเลือกเครื่องราชฯ'}`]"
                v-model="grandCross"
                :label="
--- a/src/modules/07_insignia/components/4_Allocate/OrgAllocatePageList.vue
+++ b/src/modules/07_insignia/components/4_Allocate/OrgAllocatePageList.vue
@ -377,8 +377,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/07_insignia/views/01_RoundMain.vue
+++ b/src/modules/07_insignia/views/01_RoundMain.vue
@ -236,8 +236,8 @@ onMounted(async () => {
          map-options
          :options="columns"
          option-value="name"
-          options-cover
-          style="min-width: 150px"
+          
+          style="min-width: 140px"
          class="col-xs-12 col-sm-3 col-md-2"
        />
      </div>
--- a/src/modules/07_insignia/views/03_ResultMain.vue
+++ b/src/modules/07_insignia/views/03_ResultMain.vue
@ -751,7 +751,7 @@ onMounted(() => {
                option-value="name"
                map-options
                emit-value
-                style="min-width: 150px"
+                style="min-width: 140px"
                class="gt-xs q-ml-sm"
              />
            </div>
--- a/Show more
+++ b/Show more