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/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>