style="min-width: 140px"

src/modules/10_order/components/step/step02.vue

@@ -501,7 +501,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>

src/modules/10_order/components/step/step03.vue

@@ -390,7 +390,7 @@ const fetchOrder = async (id: string) => {
             option-value="name"
             map-options
             emit-value
-            style="min-width: 150px"
+            style="min-width: 140px"
             class="gt-xs q-ml-sm"
           />
         </div>
@@ -452,8 +452,8 @@ const fetchOrder = async (id: string) => {
                   dense
                   v-model="props.row.mutiselect"
                   :rules="[
-                    (val) => !!val || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`,
-                    (val) =>
+                    (val:string) => !!val || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`,
+                    (val:string) =>
                       val.length > 0 || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`,
                   ]"
                   :label="`${'เลือกช่องทางการส่งสำเนา'}`"

src/modules/10_order/views/Main.vue

@@ -441,8 +441,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>