เงินเดือน ==> Sort

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-02-25 17:33:45 +07:00
parent b7ed1e659f
commit f76b55407f
10 changed files with 56 additions and 58 deletions

View file

@ -34,7 +34,7 @@ const columns = ref<QTableProps["columns"]>([
name: "no", name: "no",
align: "left", align: "left",
label: "ลำดับ", label: "ลำดับ",
sortable: true, sortable: false,
field: "name", field: "name",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -43,7 +43,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posType", name: "posType",
align: "left", align: "left",
label: "กลุ่มงาน", label: "กลุ่มงาน",
sortable: true, sortable: false,
field: "posType", field: "posType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -52,7 +52,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posName", name: "posName",
align: "left", align: "left",
label: "ตำแหน่ง", label: "ตำแหน่ง",
sortable: true, sortable: false,
field: "posName", field: "posName",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -61,7 +61,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posLevel", name: "posLevel",
align: "left", align: "left",
label: "ระดับชั้นงาน", label: "ระดับชั้นงาน",
sortable: true, sortable: false,
field: "posLevel", field: "posLevel",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -70,7 +70,7 @@ const columns = ref<QTableProps["columns"]>([
name: "rateOldMin", name: "rateOldMin",
align: "left", align: "left",
label: "อัตราค่าจ้าง ขั้นต่ำสุด", label: "อัตราค่าจ้าง ขั้นต่ำสุด",
sortable: true, sortable: false,
field: "rateOldMin", field: "rateOldMin",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -79,7 +79,7 @@ const columns = ref<QTableProps["columns"]>([
name: "groupOld", name: "groupOld",
align: "left", align: "left",
label: "อัตราค่าจ้าง กลุ่มบัญชีค่าจ่าง", label: "อัตราค่าจ้าง กลุ่มบัญชีค่าจ่าง",
sortable: true, sortable: false,
field: "groupOld", field: "groupOld",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -88,7 +88,7 @@ const columns = ref<QTableProps["columns"]>([
name: "rateMaxOld", name: "rateMaxOld",
align: "left", align: "left",
label: "อัตราค่าจ้าง ขั้นสูงสุดเดิม", label: "อัตราค่าจ้าง ขั้นสูงสุดเดิม",
sortable: true, sortable: false,
field: "rateMaxOld", field: "rateMaxOld",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -97,7 +97,7 @@ const columns = ref<QTableProps["columns"]>([
name: "groupRateHigh", name: "groupRateHigh",
align: "left", align: "left",
label: "อัตราค่าจ้างสูงกว่า ฯ กลุ่มบัญชีค่าจ่าง", label: "อัตราค่าจ้างสูงกว่า ฯ กลุ่มบัญชีค่าจ่าง",
sortable: true, sortable: false,
field: "groupRateHigh", field: "groupRateHigh",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -106,7 +106,7 @@ const columns = ref<QTableProps["columns"]>([
name: "rateHighMax", name: "rateHighMax",
align: "left", align: "left",
label: "อัตราค่าจ้างสูงกว่า ฯ ขั้นสูงใหม่", label: "อัตราค่าจ้างสูงกว่า ฯ ขั้นสูงใหม่",
sortable: true, sortable: false,
field: "rateHighMax", field: "rateHighMax",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -115,7 +115,7 @@ const columns = ref<QTableProps["columns"]>([
name: "reson", name: "reson",
align: "left", align: "left",
label: "หมายเหตุ", label: "หมายเหตุ",
sortable: true, sortable: false,
field: "reson", field: "reson",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -54,7 +54,7 @@ const columns = ref<QTableProps["columns"]>([
name: "name", name: "name",
align: "left", align: "left",
label: "ชื่อผังบัญชีอัตราค่าจ้าง", label: "ชื่อผังบัญชีอัตราค่าจ้าง",
sortable: true, sortable: false,
field: "name", field: "name",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -63,7 +63,7 @@ const columns = ref<QTableProps["columns"]>([
name: "group", name: "group",
align: "left", align: "left",
label: "กลุ่มของผังบัญชีอัตราค่าจ้าง", label: "กลุ่มของผังบัญชีอัตราค่าจ้าง",
sortable: true, sortable: false,
field: "group", field: "group",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -72,7 +72,7 @@ const columns = ref<QTableProps["columns"]>([
name: "startDate", name: "startDate",
align: "left", align: "left",
label: "วันที่มีผลบังคับใช้", label: "วันที่มีผลบังคับใช้",
sortable: true, sortable: false,
field: "startDate", field: "startDate",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -81,7 +81,7 @@ const columns = ref<QTableProps["columns"]>([
name: "isActive", name: "isActive",
align: "left", align: "left",
label: "สถานะการใช้งาน", label: "สถานะการใช้งาน",
sortable: true, sortable: false,
field: "isActive", field: "isActive",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -47,7 +47,7 @@ const columns = ref<QTableProps["columns"]>([
name: "citizenId", name: "citizenId",
align: "left", align: "left",
label: "เลขประจำตัวประชาชน", label: "เลขประจำตัวประชาชน",
sortable: true, sortable: false,
field: "citizenId", field: "citizenId",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -57,7 +57,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
field: "fullName", field: "fullName",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -65,7 +65,7 @@ const columns = ref<QTableProps["columns"]>([
name: "position", name: "position",
align: "left", align: "left",
label: "ตำแหน่งในสายงาน", label: "ตำแหน่งในสายงาน",
sortable: true, sortable: false,
field: "position", field: "position",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -74,7 +74,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posType", name: "posType",
align: "left", align: "left",
label: "ประเภทตำเเหน่ง", label: "ประเภทตำเเหน่ง",
sortable: true, sortable: false,
field: "posType", field: "posType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -83,7 +83,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posLevel", name: "posLevel",
align: "left", align: "left",
label: "ระดับตำเเหน่ง", label: "ระดับตำเเหน่ง",
sortable: true, sortable: false,
field: "posLevel", field: "posLevel",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -51,7 +51,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "no", name: "no",
align: "left", align: "left",
label: "ลำดับ", label: "ลำดับ",
sortable: true, sortable: false,
field: "no", field: "no",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -60,7 +60,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "posNo", name: "posNo",
align: "left", align: "left",
label: "ตำแหน่งเลขที่", label: "ตำแหน่งเลขที่",
sortable: true, sortable: false,
field: "posNo", field: "posNo",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -70,7 +70,7 @@ const baseColumns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
field: "fullName", field: "fullName",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -78,7 +78,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "position", name: "position",
align: "left", align: "left",
label: "ตำแหน่งในสายงาน", label: "ตำแหน่งในสายงาน",
sortable: true, sortable: false,
field: "position", field: "position",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -51,7 +51,7 @@ const columns = ref<QTableProps["columns"]>([
name: "no", name: "no",
align: "left", align: "left",
label: "ลำดับ", label: "ลำดับ",
sortable: true, sortable: false,
field: "no", field: "no",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -60,7 +60,7 @@ const columns = ref<QTableProps["columns"]>([
name: "fullName", name: "fullName",
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
sortable: true, sortable: false,
field: "fullName", field: "fullName",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -69,7 +69,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posType", name: "posType",
align: "left", align: "left",
label: "ประเภทตำแหน่ง", label: "ประเภทตำแหน่ง",
sortable: true, sortable: false,
field: "posType", field: "posType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -78,7 +78,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posExecutive", name: "posExecutive",
align: "left", align: "left",
label: "ตำแหน่งทางการบริหาร", label: "ตำแหน่งทางการบริหาร",
sortable: true, sortable: false,
field: "posExecutive", field: "posExecutive",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -88,7 +88,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ตำแหน่งในสายงาน", label: "ตำแหน่งในสายงาน",
field: "position", field: "position",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -97,7 +97,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ระดับตำแหน่ง", label: "ระดับตำแหน่ง",
field: "posLevel", field: "posLevel",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -106,7 +106,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "เงินเดือน", label: "เงินเดือน",
field: "amount", field: "amount",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -114,7 +114,7 @@ const columns = ref<QTableProps["columns"]>([
name: "organization", name: "organization",
align: "left", align: "left",
label: "สังกัด", label: "สังกัด",
sortable: true, sortable: false,
field: "organization", field: "organization",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -47,7 +47,7 @@ const columns = ref<QTableProps["columns"]>([
name: "citizenId", name: "citizenId",
align: "left", align: "left",
label: "เลขประจำตัวประชาชน", label: "เลขประจำตัวประชาชน",
sortable: true, sortable: false,
field: "citizenId", field: "citizenId",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -57,7 +57,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
field: "fullName", field: "fullName",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -65,7 +65,7 @@ const columns = ref<QTableProps["columns"]>([
name: "position", name: "position",
align: "left", align: "left",
label: "ตำแหน่ง", label: "ตำแหน่ง",
sortable: true, sortable: false,
field: "position", field: "position",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -74,7 +74,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posType", name: "posType",
align: "left", align: "left",
label: "กลุ่มงาน", label: "กลุ่มงาน",
sortable: true, sortable: false,
field: "posType", field: "posType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -83,7 +83,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posLevelName", name: "posLevelName",
align: "left", align: "left",
label: "ระดับชั้นงาน", label: "ระดับชั้นงาน",
sortable: true, sortable: false,
field: "posLevelName", field: "posLevelName",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -49,7 +49,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "no", name: "no",
align: "left", align: "left",
label: "ลำดับ", label: "ลำดับ",
sortable: true, sortable: false,
field: "no", field: "no",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -58,7 +58,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "posNo", name: "posNo",
align: "left", align: "left",
label: "ตำแหน่งเลขที่", label: "ตำแหน่งเลขที่",
sortable: true, sortable: false,
field: "posNo", field: "posNo",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -68,7 +68,7 @@ const baseColumns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
field: "fullName", field: "fullName",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -76,7 +76,7 @@ const baseColumns = ref<QTableProps["columns"]>([
name: "position", name: "position",
align: "left", align: "left",
label: "ตำแหน่ง", label: "ตำแหน่ง",
sortable: true, sortable: false,
field: "position", field: "position",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -51,7 +51,7 @@ const columns = ref<QTableProps["columns"]>([
name: "no", name: "no",
align: "left", align: "left",
label: "ลำดับ", label: "ลำดับ",
sortable: true, sortable: false,
field: "no", field: "no",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -60,7 +60,7 @@ const columns = ref<QTableProps["columns"]>([
name: "fullName", name: "fullName",
align: "left", align: "left",
label: "ชื่อ-นามสกุล", label: "ชื่อ-นามสกุล",
sortable: true, sortable: false,
field: "fullName", field: "fullName",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -69,7 +69,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posType", name: "posType",
align: "left", align: "left",
label: "กลุ่มงาน", label: "กลุ่มงาน",
sortable: true, sortable: false,
field: "posType", field: "posType",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -79,7 +79,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ตำแหน่ง", label: "ตำแหน่ง",
field: "position", field: "position",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -88,7 +88,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ระดับชั้นงาน", label: "ระดับชั้นงาน",
field: "posLevel", field: "posLevel",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -118,7 +118,7 @@ const columns = ref<QTableProps["columns"]>([
align: "left", align: "left",
label: "ค่าจ้าง", label: "ค่าจ้าง",
field: "amount", field: "amount",
sortable: true, sortable: false,
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
}, },
@ -126,7 +126,7 @@ const columns = ref<QTableProps["columns"]>([
name: "organization", name: "organization",
align: "left", align: "left",
label: "สังกัด", label: "สังกัด",
sortable: true, sortable: false,
field: "organization", field: "organization",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",

View file

@ -46,7 +46,7 @@ const columns = ref<QTableProps["columns"]>([
name: "name", name: "name",
align: "left", align: "left",
label: "ชื่อผังบัญชีอัตราเงินเดือน", label: "ชื่อผังบัญชีอัตราเงินเดือน",
sortable: true, sortable: false,
field: "name", field: "name",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -55,7 +55,7 @@ const columns = ref<QTableProps["columns"]>([
name: "posList", name: "posList",
align: "left", align: "left",
label: "ประเภทผังบัญชีเงินเดือน", label: "ประเภทผังบัญชีเงินเดือน",
sortable: true, sortable: false,
field: "posList", field: "posList",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -64,7 +64,7 @@ const columns = ref<QTableProps["columns"]>([
name: "startDate", name: "startDate",
align: "left", align: "left",
label: "วันที่มีผลบังคับใช้", label: "วันที่มีผลบังคับใช้",
sortable: true, sortable: false,
field: "startDate", field: "startDate",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -73,7 +73,7 @@ const columns = ref<QTableProps["columns"]>([
name: "isActive", name: "isActive",
align: "center", align: "center",
label: "สถานะการใช้งาน", label: "สถานะการใช้งาน",
sortable: true, sortable: false,
field: "isActive", field: "isActive",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -275,7 +275,6 @@ onMounted(() => {
map-options map-options
:options="columns" :options="columns"
option-value="name" option-value="name"
style="min-width: 140px" style="min-width: 140px"
class="col-xs-12 col-sm-3 col-md-2 q-ml-sm" class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
/> />

View file

@ -61,7 +61,7 @@ const columns = ref<QTableProps["columns"]>([
name: "period", name: "period",
align: "left", align: "left",
label: "รอบการขึ้นเงินเดือน", label: "รอบการขึ้นเงินเดือน",
sortable: true, sortable: false,
field: "period", field: "period",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -70,7 +70,7 @@ const columns = ref<QTableProps["columns"]>([
name: "year", name: "year",
align: "left", align: "left",
label: "ปีงบประมาณ", label: "ปีงบประมาณ",
sortable: true, sortable: false,
field: "year", field: "year",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -79,7 +79,7 @@ const columns = ref<QTableProps["columns"]>([
name: "effectiveDate", name: "effectiveDate",
align: "left", align: "left",
label: "วันที่มีผลบังคับใช้", label: "วันที่มีผลบังคับใช้",
sortable: true, sortable: false,
field: "effectiveDate", field: "effectiveDate",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -88,7 +88,7 @@ const columns = ref<QTableProps["columns"]>([
name: "isActive", name: "isActive",
align: "left", align: "left",
label: "สถานะการใช้งาน", label: "สถานะการใช้งาน",
sortable: true, sortable: false,
field: "isActive", field: "isActive",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -97,7 +97,7 @@ const columns = ref<QTableProps["columns"]>([
name: "isClose", name: "isClose",
align: "left", align: "left",
label: "สถานะการปิดรอบ", label: "สถานะการปิดรอบ",
sortable: true, sortable: false,
field: "isClose", field: "isClose",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
style: "font-size: 14px", style: "font-size: 14px",
@ -335,7 +335,6 @@ onMounted(async () => {
map-options map-options
:options="dataStore.columns" :options="dataStore.columns"
option-value="name" option-value="name"
style="min-width: 140px" style="min-width: 140px"
class="col-xs-12 col-sm-3 col-md-2" class="col-xs-12 col-sm-3 col-md-2"
/> />