1 line
33 KiB
JavaScript
1 line
33 KiB
JavaScript
import{Q as $}from"./QSelect-809bd0f2.js";import{d as B,e as u,f as k,A as r,B as Y,D as t,x as ue,a as i,g as e,j as l,C as o,ac as N,s as S,v as T,aj as O,m as me,F as P,i as E,I as Z,a4 as I,ah as J,a2 as ne,al as ee,y as pe,an as ce,ao as fe}from"./index-3a2b6cd5.js";import{Q as K}from"./QTab-3e1855a2.js";import{Q as xe}from"./QTabs-95f81e84.js";import{Q as ge,a as M}from"./QTabPanels-2410ffb4.js";import{u as ie}from"./mixin-183f301b.js";import{Q as A}from"./QTooltip-5ceb1b84.js";import{Q as W}from"./QSpace-5fefe78e.js";import{Q as R}from"./QTh-95cd2a9c.js";import{Q}from"./QTr-c5e846f1.js";import{Q as s}from"./QTd-71639d11.js";import{a as D,Q as le}from"./QItemSection-843d83e6.js";import{Q as ye}from"./QList-1b100cb9.js";import{Q as ve}from"./QMenu-59199f2b.js";import{Q as G}from"./QPagination-e0f4fffb.js";import{Q as H}from"./QTable-d329bd84.js";import{Q as be}from"./QToolbarTitle-e2e05c30.js";import{Q as ze}from"./QToolbar-ccd30184.js";import{C as ae}from"./ClosePopup-d3cbd1bb.js";import{u as _e}from"./use-quasar-1e7f9a8b.js";import"./QChip-f43cc21c.js";import"./QItemLabel-37c56e27.js";import"./rtl-36dd996b.js";import"./format-312d1398.js";import"./QResizeObserver-889eb2e3.js";import"./use-panel-d5805259.js";import"./touch-5ab90751.js";import"./selection-8094913b.js";import"./QSpinnerCube-b3e27bc1.js";import"./position-engine-4e9b318c.js";import"./use-fullscreen-273d7265.js";const we={class:"q-card q-card--bordered q-card--flat no-shadow row fit cardNum items-center q-px-sm"},Se={class:"col-12 row items-center q-pa-sm"},ke={class:"col-12 text-dark ellipsis"},j=B({__name:"StatCard",props:{color:{type:String,default:""},label:{type:String,default:""},amount:{type:Number,default:0}},setup(L){const y=L,h=f=>{if(f===5)return"width:15%;"};return(f,g)=>(u(),k("div",{style:Y(f.$q.screen.lt.md?"":h(5)),class:ue(f.$q.screen.lt.sm?"col-4":"")},[r("div",we,[r("div",Se,[r("div",{class:"col-12 text-h5 text-weight-bold",style:Y({color:y.color})},t(y.amount),5),r("div",ke,t(y.label),1)])])],6))}}),he={class:"col-12 row q-pa-md"},Ve={class:"row col-12"},Te={class:"row col-12 q-col-gutter-sm"},Ie={class:"col-12 q-pt-sm"},Qe={class:"text-weight-medium"},$e={key:0},Le={key:1},qe=B({__name:"Tab1",setup(L){const y=ie(),{dialogRemove:h,dialogConfirm:f}=y,g=_e(),v=i(!1),m=i(1),b=i([{id:1,name:"ทั้งหมด"}]),V=i(["no","citizenId","name","position","level","salary","organization","insigniaType","insigniaSend","insigniaLevel","dateSend"]),x=i([{name:"no",align:"left",label:"ลำดับ",sortable:!0,field:"no",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"citizenId",align:"left",label:"เลขบัตรประชาชน",sortable:!0,field:"citizenId",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"name",align:"left",label:"ชื่อ-นามสกุล",sortable:!0,field:"name",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"position",align:"left",label:"ตำแหน่ง",sortable:!0,field:"position",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"level",align:"left",label:"อันดับ/ระดับ",sortable:!0,field:"level",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"salary",align:"left",label:"เงินเดือน",sortable:!0,field:"salary",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"organization",align:"left",label:"หน่วยงาน",sortable:!0,field:"organization",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaType",align:"left",label:"ประเภทเครื่องราชฯ ปัจจุบัน",sortable:!0,field:"insigniaType",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaSend",align:"left",label:"ประเภทเครื่องราชฯ ที่ยื่นขอ",sortable:!0,field:"insigniaSend",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaLevel",align:"left",label:"ชั้นเครื่องราชฯ",sortable:!0,field:"insigniaLevel",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"dateSend",align:"left",label:"วันที่ยื่นขอ",sortable:!0,field:"dateSend",headerStyle:"font-size: 14px",style:"font-size: 14px"}]),c=i([{no:"1",citizenId:"1xxxxxxxxxx",name:"นายใจดี ยอดใจ ",position:"นักวิชาการพัสดุ",level:"1",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"2",citizenId:"1xxxxxxxxxx",name:"นายจักกริน บัณฑิต",position:"นักวิชาการพัสดุ",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"3",citizenId:"1xxxxxxxxxx",name:"นางสาวกัณฐิมา กาฬสินธุ์",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"4",citizenId:"1xxxxxxxxxx",name:"นางสาวเมขลา กระจ่างมนตรี",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"}]),z=i(""),_=i(""),d=i(""),a=i([]),w=(C,p)=>{z.value="",a.value=C,_.value=C.name,d.value=p,v.value=!0},te=()=>{h(g),console.log(a.value,z.value)},oe=()=>{f(g),console.log(a.value)},q=i(""),X=i(null),se=()=>{q.value="",X.value.focus()},F=i({sortBy:"desc",descending:!1,page:1,rowsPerPage:10}),de=i(!0),re=(C,p,n)=>de.value==!0?" "+C+"-"+p+" ใน "+n:C+"-"+p+" ใน "+n;return(C,p)=>(u(),k(P,null,[r("div",he,[r("div",Ve,[r("div",Te,[e($,{modelValue:m.value,"onUpdate:modelValue":p[0]||(p[0]=n=>m.value=n),label:"หน่วยงาน",dense:"","emit-value":"","map-options":"",options:b.value,"option-value":"id","option-label":"name","lazy-rules":"","hide-bottom-space":"",readonly:!1,borderless:!1,outlined:!0,"hide-dropdown-icon":!1,style:{"min-width":"150px"}},null,8,["modelValue","options"]),r("div",null,[e(N,{size:"md",icon:"mdi-download",flat:"",round:"",color:"primary"},{default:l(()=>[e(A,null,{default:l(()=>[o("ดาวน์โหลด")]),_:1})]),_:1}),e(N,{size:"12px",flat:"",round:"",color:"add",icon:"mdi-plus"},{default:l(()=>[e(A,null,{default:l(()=>[o("เพิ่ม")]),_:1})]),_:1})]),e(W),e(O,{class:"col-xs-12 col-sm-3 col-md-2",standout:"",dense:"",modelValue:q.value,"onUpdate:modelValue":p[1]||(p[1]=n=>q.value=n),ref_key:"filterRef",ref:X,outlined:"",debounce:"300",placeholder:"ค้นหา"},{append:l(()=>[q.value==""?(u(),S(I,{key:0,name:"search"})):T("",!0),q.value!==""?(u(),S(I,{key:1,name:"clear",class:"cursor-pointer",onClick:se})):T("",!0)]),_:1},8,["modelValue"]),e($,{modelValue:V.value,"onUpdate:modelValue":p[2]||(p[2]=n=>V.value=n),multiple:"",outlined:"",dense:"","options-dense":"","display-value":me(g).lang.table.columns,"emit-value":"","map-options":"",options:x.value,"option-value":"name","options-cover":"",style:{"min-width":"150px"},class:"col-xs-12 col-sm-3 col-md-2"},null,8,["modelValue","display-value","options"])]),r("div",Ie,[e(H,{ref:"table",columns:x.value,rows:c.value,filter:q.value,"row-key":"name",flat:"",bordered:"",paging:!0,dense:"",class:"custom-header-table","visible-columns":V.value,"pagination-label":re,pagination:F.value,"onUpdate:pagination":p[4]||(p[4]=n=>F.value=n)},{header:l(n=>[e(Q,{props:n},{default:l(()=>[(u(!0),k(P,null,E(n.cols,U=>(u(),S(R,{key:U.name,props:n},{default:l(()=>[r("span",Qe,t(U.label),1)]),_:2},1032,["props"]))),128)),e(R,{"auto-width":""})]),_:2},1032,["props"])]),body:l(n=>[e(Q,{props:n,class:"cursor-pointer"},{default:l(()=>[e(s,{key:"no",props:n},{default:l(()=>[o(t(n.rowIndex+1),1)]),_:2},1032,["props"]),e(s,{key:"citizenId",props:n},{default:l(()=>[o(t(n.row.citizenId),1)]),_:2},1032,["props"]),e(s,{key:"name",props:n},{default:l(()=>[o(t(n.row.name),1)]),_:2},1032,["props"]),e(s,{key:"position",props:n},{default:l(()=>[o(t(n.row.position),1)]),_:2},1032,["props"]),e(s,{key:"level",props:n},{default:l(()=>[o(t(n.row.level),1)]),_:2},1032,["props"]),e(s,{key:"salary",props:n},{default:l(()=>[o(t(n.row.salary),1)]),_:2},1032,["props"]),e(s,{key:"organization",props:n},{default:l(()=>[o(t(n.row.organization),1)]),_:2},1032,["props"]),e(s,{key:"insigniaType",props:n},{default:l(()=>[o(t(n.row.insigniaType),1)]),_:2},1032,["props"]),e(s,{key:"insigniaSend",props:n},{default:l(()=>[o(t(n.row.insigniaSend),1)]),_:2},1032,["props"]),e(s,{key:"insigniaLevel",props:n},{default:l(()=>[o(t(n.row.insigniaLevel),1)]),_:2},1032,["props"]),e(s,{key:"dateSend",props:n},{default:l(()=>[o(t(n.row.dateSend),1)]),_:2},1032,["props"]),e(s,{"auto-width":""},{default:l(()=>[e(N,{icon:"mdi-dots-vertical",size:"12px",color:"grey-7",flat:"",round:"",dense:""},{default:l(()=>[e(ve,{"transition-show":"jump-down","transition-hide":"jump-up"},{default:l(()=>[e(ye,{dense:"",style:{"min-width":"120px"}},{default:l(()=>[Z((u(),S(le,{clickable:"",onClick:U=>w(n.row,"note")},{default:l(()=>[e(D,{style:{"min-width":"0px"},avatar:"",class:"q-py-sm"},{default:l(()=>[e(A,null,{default:l(()=>[o("ไม่ยื่นขอ")]),_:1}),e(I,{color:"blue",size:"xs",name:"mdi-alert-circle-outline"})]),_:1}),e(D,null,{default:l(()=>[o("ไม่ยื่นขอ")]),_:1})]),_:2},1032,["onClick"])),[[ae]]),Z((u(),S(le,{clickable:"",onClick:U=>w(n.row,"delete")},{default:l(()=>[e(D,{style:{"min-width":"0px"},avatar:"",class:"q-py-sm"},{default:l(()=>[e(A,null,{default:l(()=>[o("ลบออก")]),_:1}),e(I,{color:"red",size:"xs",name:"mdi-delete"})]),_:1}),e(D,null,{default:l(()=>[o("ลบออก")]),_:1})]),_:2},1032,["onClick"])),[[ae]])]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1032,["props"])]),pagination:l(n=>[e(G,{modelValue:F.value.page,"onUpdate:modelValue":p[3]||(p[3]=U=>F.value.page=U),"active-color":"primary",color:"primary",max:n.pagesNumber,"max-pages":5,size:"sm","boundary-links":"","direction-links":""},null,8,["modelValue","max"])]),_:1},8,["columns","rows","filter","visible-columns","pagination"])])])]),e(fe,{modelValue:v.value,"onUpdate:modelValue":p[8]||(p[8]=n=>v.value=n),persistent:""},{default:l(()=>[e(J,{style:{"min-width":"350px"}},{default:l(()=>[e(ze,null,{default:l(()=>[e(be,{class:"text-subtitle2 text-bold"},{default:l(()=>[d.value=="note"?(u(),k("div",$e,"หมายเหตุ "+t(_.value),1)):T("",!0),d.value=="delete"?(u(),k("div",Le,"ลบออก "+t(_.value),1)):T("",!0)]),_:1}),e(N,{icon:"close",unelevated:"",round:"",dense:"",onClick:p[5]||(p[5]=n=>v.value=!1),style:{color:"#ff8080","background-color":"#ffdede"}})]),_:1}),e(ne),e(ee,{class:"q-pt-none"}),e(ee,{class:"q-pt-none"},{default:l(()=>[e(O,{dense:"",outlined:"",type:"textarea",label:"กรอกหมายเหตุ",modelValue:z.value,"onUpdate:modelValue":p[6]||(p[6]=n=>z.value=n),onKeyup:p[7]||(p[7]=pe(n=>v.value=!1,["enter"])),rules:[n=>!!n||"กรอกหมายเหตุ"]},null,8,["modelValue","rules"])]),_:1}),e(ce,{align:"right",class:"bg-white text-teal"},{default:l(()=>[d.value=="note"?(u(),S(N,{key:0,label:"บันทึก",onClick:oe,color:"public",disable:z.value===""},null,8,["disable"])):T("",!0),d.value=="delete"?(u(),S(N,{key:1,label:"บันทึก",onClick:te,color:"public",disable:z.value===""},null,8,["disable"])):T("",!0)]),_:1})]),_:1})]),_:1},8,["modelValue"])],64))}}),Ce={class:"col-12 row q-pa-md"},Ue={class:"row col-12"},Ne={class:"row col-12 q-col-gutter-sm"},Pe={class:"col-12 q-pt-sm"},Be={class:"text-weight-medium"},Re=B({__name:"Tab2",setup(L){const y=i(1),h=i([{id:1,name:"ทั้งหมด"}]),f=i(["no","citizenId","name","position","level","salary","organization","insigniaType","insigniaSend","insigniaLevel"]),g=i([{name:"no",align:"left",label:"ลำดับ",sortable:!0,field:"no",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"citizenId",align:"left",label:"เลขบัตรประชาชน",sortable:!0,field:"citizenId",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"name",align:"left",label:"ชื่อ-นามสกุล",sortable:!0,field:"name",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"position",align:"left",label:"ตำแหน่ง",sortable:!0,field:"position",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"level",align:"left",label:"อันดับ/ระดับ",sortable:!0,field:"level",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"salary",align:"left",label:"เงินเดือน",sortable:!0,field:"salary",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"organization",align:"left",label:"หน่วยงาน",sortable:!0,field:"organization",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaType",align:"left",label:"ประเภทเครื่องราชฯ ปัจจุบัน",sortable:!0,field:"insigniaType",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaSend",align:"left",label:"ประเภทเครื่องราชฯ ที่ยื่นขอ",sortable:!0,field:"insigniaSend",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaLevel",align:"left",label:"ชั้นเครื่องราชฯ",sortable:!0,field:"insigniaLevel",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"dateSend",align:"left",label:"วันที่ยื่นขอ",sortable:!0,field:"dateSend",headerStyle:"font-size: 14px",style:"font-size: 14px"}]),v=i([{no:"1",citizenId:"1xxxxxxxxxx",name:"นายใจดี ยอดใจ ",position:"นักวิชาการพัสดุ",level:"1",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"2",citizenId:"1xxxxxxxxxx",name:"นายจักกริน บัณฑิต",position:"นักวิชาการพัสดุ",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"3",citizenId:"1xxxxxxxxxx",name:"นางสาวกัณฐิมา กาฬสินธุ์",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"4",citizenId:"1xxxxxxxxxx",name:"นางสาวเมขลา กระจ่างมนตรี",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"}]),m=i(""),b=i(null),V=()=>{m.value="",b.value.focus()},x=i({sortBy:"desc",descending:!1,page:1,rowsPerPage:10}),c=i(!0),z=(_,d,a)=>c.value==!0?" "+_+"-"+d+" ใน "+a:_+"-"+d+" ใน "+a;return(_,d)=>(u(),k("div",Ce,[r("div",Ue,[r("div",Ne,[e($,{modelValue:y.value,"onUpdate:modelValue":d[0]||(d[0]=a=>y.value=a),label:"หน่วยงาน",dense:"","emit-value":"","map-options":"",options:h.value,"option-value":"id","option-label":"name","lazy-rules":"","hide-bottom-space":"",readonly:!1,borderless:!1,outlined:!0,"hide-dropdown-icon":!1,style:{"min-width":"150px"}},null,8,["modelValue","options"]),e(W),e(O,{class:"col-xs-12 col-sm-3 col-md-2",standout:"",dense:"",modelValue:m.value,"onUpdate:modelValue":d[1]||(d[1]=a=>m.value=a),ref_key:"filterRef",ref:b,outlined:"",debounce:"300",placeholder:"ค้นหา"},{append:l(()=>[m.value==""?(u(),S(I,{key:0,name:"search"})):T("",!0),m.value!==""?(u(),S(I,{key:1,name:"clear",class:"cursor-pointer",onClick:V})):T("",!0)]),_:1},8,["modelValue"]),e($,{modelValue:f.value,"onUpdate:modelValue":d[2]||(d[2]=a=>f.value=a),multiple:"",outlined:"",dense:"","options-dense":"","display-value":_.$q.lang.table.columns,"emit-value":"","map-options":"",options:g.value,"option-value":"name","options-cover":"",style:{"min-width":"150px"},class:"col-xs-12 col-sm-3 col-md-2"},null,8,["modelValue","display-value","options"])]),r("div",Pe,[e(H,{ref:"table",columns:g.value,rows:v.value,filter:m.value,"row-key":"name",flat:"",bordered:"",paging:!0,dense:"",class:"custom-header-table","visible-columns":f.value,"pagination-label":z,pagination:x.value,"onUpdate:pagination":d[4]||(d[4]=a=>x.value=a)},{header:l(a=>[e(Q,{props:a},{default:l(()=>[(u(!0),k(P,null,E(a.cols,w=>(u(),S(R,{key:w.name,props:a},{default:l(()=>[r("span",Be,t(w.label),1)]),_:2},1032,["props"]))),128))]),_:2},1032,["props"])]),body:l(a=>[e(Q,{props:a,class:"cursor-pointer",onClick:w=>_.nextPage(a.row)},{default:l(()=>[e(s,{key:"no",props:a},{default:l(()=>[o(t(a.rowIndex+1),1)]),_:2},1032,["props"]),e(s,{key:"citizenId",props:a},{default:l(()=>[o(t(a.row.citizenId),1)]),_:2},1032,["props"]),e(s,{key:"name",props:a},{default:l(()=>[o(t(a.row.name),1)]),_:2},1032,["props"]),e(s,{key:"position",props:a},{default:l(()=>[o(t(a.row.position),1)]),_:2},1032,["props"]),e(s,{key:"level",props:a},{default:l(()=>[o(t(a.row.level),1)]),_:2},1032,["props"]),e(s,{key:"salary",props:a},{default:l(()=>[o(t(a.row.salary),1)]),_:2},1032,["props"]),e(s,{key:"organization",props:a},{default:l(()=>[o(t(a.row.organization),1)]),_:2},1032,["props"]),e(s,{key:"insigniaType",props:a},{default:l(()=>[o(t(a.row.insigniaType),1)]),_:2},1032,["props"]),e(s,{key:"insigniaSend",props:a},{default:l(()=>[o(t(a.row.insigniaSend),1)]),_:2},1032,["props"]),e(s,{key:"insigniaLevel",props:a},{default:l(()=>[o(t(a.row.insigniaLevel),1)]),_:2},1032,["props"])]),_:2},1032,["props","onClick"])]),pagination:l(a=>[e(G,{modelValue:x.value.page,"onUpdate:modelValue":d[3]||(d[3]=w=>x.value.page=w),"active-color":"primary",color:"primary",max:a.pagesNumber,"max-pages":5,size:"sm","boundary-links":"","direction-links":""},null,8,["modelValue","max"])]),_:1},8,["columns","rows","filter","visible-columns","pagination"])])])]))}}),Fe={class:"col-12 row q-pa-md"},Ke={class:"row col-12"},Me={class:"row col-12 q-col-gutter-sm"},Ae={class:"col-12 q-pt-sm"},De={class:"text-weight-medium"},je=B({__name:"Tab3",setup(L){const y=i(1),h=i([{id:1,name:"ทั้งหมด"}]),f=i(["no","citizenId","name","position","level","salary","organization","insigniaType","insigniaSend","insigniaLevel"]),g=i([{name:"no",align:"left",label:"ลำดับ",sortable:!0,field:"no",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"citizenId",align:"left",label:"เลขบัตรประชาชน",sortable:!0,field:"citizenId",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"name",align:"left",label:"ชื่อ-นามสกุล",sortable:!0,field:"name",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"position",align:"left",label:"ตำแหน่ง",sortable:!0,field:"position",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"level",align:"left",label:"อันดับ/ระดับ",sortable:!0,field:"level",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"salary",align:"left",label:"เงินเดือน",sortable:!0,field:"salary",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"organization",align:"left",label:"หน่วยงาน",sortable:!0,field:"organization",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaType",align:"left",label:"ประเภทเครื่องราชฯ ปัจจุบัน",sortable:!0,field:"insigniaType",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaSend",align:"left",label:"ประเภทเครื่องราชฯ ที่ยื่นขอ",sortable:!0,field:"insigniaSend",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"insigniaLevel",align:"left",label:"ชั้นเครื่องราชฯ",sortable:!0,field:"insigniaLevel",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"dateSend",align:"left",label:"วันที่ยื่นขอ",sortable:!0,field:"dateSend",headerStyle:"font-size: 14px",style:"font-size: 14px"}]),v=i([{no:"1",citizenId:"1xxxxxxxxxx",name:"นายใจดี ยอดใจ ",position:"นักวิชาการพัสดุ",level:"1",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"2",citizenId:"1xxxxxxxxxx",name:"นายจักกริน บัณฑิต",position:"นักวิชาการพัสดุ",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"3",citizenId:"1xxxxxxxxxx",name:"นางสาวกัณฐิมา กาฬสินธุ์",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"4",citizenId:"1xxxxxxxxxx",name:"นางสาวเมขลา กระจ่างมนตรี",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"}]),m=i(""),b=i(null),V=()=>{m.value="",b.value.focus()},x=i({sortBy:"desc",descending:!1,page:1,rowsPerPage:10}),c=i(!0),z=(_,d,a)=>c.value==!0?" "+_+"-"+d+" ใน "+a:_+"-"+d+" ใน "+a;return(_,d)=>(u(),k("div",Fe,[r("div",Ke,[r("div",Me,[e($,{modelValue:y.value,"onUpdate:modelValue":d[0]||(d[0]=a=>y.value=a),label:"หน่วยงาน",dense:"","emit-value":"","map-options":"",options:h.value,"option-value":"id","option-label":"name","lazy-rules":"","hide-bottom-space":"",readonly:!1,borderless:!1,outlined:!0,"hide-dropdown-icon":!1,style:{"min-width":"150px"}},null,8,["modelValue","options"]),e(W),e(O,{class:"col-xs-12 col-sm-3 col-md-2",standout:"",dense:"",modelValue:m.value,"onUpdate:modelValue":d[1]||(d[1]=a=>m.value=a),ref_key:"filterRef",ref:b,outlined:"",debounce:"300",placeholder:"ค้นหา"},{append:l(()=>[m.value==""?(u(),S(I,{key:0,name:"search"})):T("",!0),m.value!==""?(u(),S(I,{key:1,name:"clear",class:"cursor-pointer",onClick:V})):T("",!0)]),_:1},8,["modelValue"]),e($,{modelValue:f.value,"onUpdate:modelValue":d[2]||(d[2]=a=>f.value=a),multiple:"",outlined:"",dense:"","options-dense":"","display-value":_.$q.lang.table.columns,"emit-value":"","map-options":"",options:g.value,"option-value":"name","options-cover":"",style:{"min-width":"150px"},class:"col-xs-12 col-sm-3 col-md-2"},null,8,["modelValue","display-value","options"])]),r("div",Ae,[e(H,{ref:"table",columns:g.value,rows:v.value,filter:m.value,"row-key":"name",flat:"",bordered:"",paging:!0,dense:"",class:"custom-header-table","visible-columns":f.value,"pagination-label":z,pagination:x.value,"onUpdate:pagination":d[4]||(d[4]=a=>x.value=a)},{header:l(a=>[e(Q,{props:a},{default:l(()=>[(u(!0),k(P,null,E(a.cols,w=>(u(),S(R,{key:w.name,props:a},{default:l(()=>[r("span",De,t(w.label),1)]),_:2},1032,["props"]))),128))]),_:2},1032,["props"])]),body:l(a=>[e(Q,{props:a,class:"cursor-pointer",onClick:w=>_.nextPage(a.row)},{default:l(()=>[e(s,{key:"no",props:a},{default:l(()=>[o(t(a.rowIndex+1),1)]),_:2},1032,["props"]),e(s,{key:"citizenId",props:a},{default:l(()=>[o(t(a.row.citizenId),1)]),_:2},1032,["props"]),e(s,{key:"name",props:a},{default:l(()=>[o(t(a.row.name),1)]),_:2},1032,["props"]),e(s,{key:"position",props:a},{default:l(()=>[o(t(a.row.position),1)]),_:2},1032,["props"]),e(s,{key:"level",props:a},{default:l(()=>[o(t(a.row.level),1)]),_:2},1032,["props"]),e(s,{key:"salary",props:a},{default:l(()=>[o(t(a.row.salary),1)]),_:2},1032,["props"]),e(s,{key:"organization",props:a},{default:l(()=>[o(t(a.row.organization),1)]),_:2},1032,["props"]),e(s,{key:"insigniaType",props:a},{default:l(()=>[o(t(a.row.insigniaType),1)]),_:2},1032,["props"]),e(s,{key:"insigniaSend",props:a},{default:l(()=>[o(t(a.row.insigniaSend),1)]),_:2},1032,["props"]),e(s,{key:"insigniaLevel",props:a},{default:l(()=>[o(t(a.row.insigniaLevel),1)]),_:2},1032,["props"])]),_:2},1032,["props","onClick"])]),pagination:l(a=>[e(G,{modelValue:x.value.page,"onUpdate:modelValue":d[3]||(d[3]=w=>x.value.page=w),"active-color":"primary",color:"primary",max:a.pagesNumber,"max-pages":5,size:"sm","boundary-links":"","direction-links":""},null,8,["modelValue","max"])]),_:1},8,["columns","rows","filter","visible-columns","pagination"])])])]))}}),Oe={class:"col-12 row q-pa-md"},Ee={class:"row col-12"},Ge={class:"col-12 q-pt-sm"},He={class:"text-weight-medium"},Je=B({__name:"Tab4",setup(L){i(1),i([{id:1,name:"ทั้งหมด"}]);const y=i(["no","organization"]),h=i([{name:"no",align:"left",label:"ลำดับ",sortable:!0,field:"no",headerStyle:"font-size: 14px",style:"font-size: 14px",width:"0px"},{name:"organization",align:"left",label:"หน่วยงาน",sortable:!0,field:"organization",headerStyle:"font-size: 14px",style:"font-size: 14px",width:"100px"}]),f=i([{no:"1",citizenId:"1xxxxxxxxxx",name:"นายใจดี ยอดใจ ",position:"นักวิชาการพัสดุ",level:"1",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"2",citizenId:"1xxxxxxxxxx",name:"นายจักกริน บัณฑิต",position:"นักวิชาการพัสดุ",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"3",citizenId:"1xxxxxxxxxx",name:"นางสาวกัณฐิมา กาฬสินธุ์",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"},{no:"4",citizenId:"1xxxxxxxxxx",name:"นางสาวเมขลา กระจ่างมนตรี",position:"นักจัดการงานทั่วไป",level:"ปฏิบัติการ",salary:"15000",organization:"บริหาร",insigniaType:"ทวีติยาภรณ์ช้างเผือก",insigniaSend:"ตริตาภรณ์ช้างเผือก",insigniaLevel:"ต่ำกว่าสายสะพาย",dateSend:"31 ม.ค. 2566"}]),g=i("");i(null);const v=i({sortBy:"desc",descending:!1,page:1,rowsPerPage:10}),m=i(!0),b=(V,x,c)=>m.value==!0?" "+V+"-"+x+" ใน "+c:V+"-"+x+" ใน "+c;return(V,x)=>(u(),k("div",Oe,[r("div",Ee,[r("div",Ge,[e(H,{ref:"table",columns:h.value,rows:f.value,filter:g.value,"row-key":"name",flat:"",bordered:"",paging:!0,class:"custom-header-table","visible-columns":y.value,"pagination-label":b,pagination:v.value,"onUpdate:pagination":x[1]||(x[1]=c=>v.value=c)},{header:l(c=>[e(Q,{props:c},{default:l(()=>[(u(!0),k(P,null,E(c.cols,z=>(u(),S(R,{key:z.name,props:c},{default:l(()=>[r("span",He,t(z.label),1)]),_:2},1032,["props"]))),128))]),_:2},1032,["props"])]),body:l(c=>[e(Q,{props:c,class:"cursor-pointer"},{default:l(()=>[e(s,{key:"no",style:{width:"50px"},props:c},{default:l(()=>[o(t(c.rowIndex+1),1)]),_:2},1032,["props"]),e(s,{key:"organization",style:{width:"300px"},props:c},{default:l(()=>[o(t(c.row.organization),1)]),_:2},1032,["props"])]),_:2},1032,["props"])]),pagination:l(c=>[e(G,{modelValue:v.value.page,"onUpdate:modelValue":x[0]||(x[0]=z=>v.value.page=z),"active-color":"primary",color:"primary",max:c.pagesNumber,"max-pages":5,size:"sm","boundary-links":"","direction-links":""},null,8,["modelValue","max"])]),_:1},8,["columns","rows","filter","visible-columns","pagination"])])])]))}}),We=r("div",{class:"toptitle text-dark col-12 row items-center"}," รายชื่อข้าราชการสามัญฯ ที่มีสิทธิ์ยื่นขอพระราชทานเหรียญจักรพรรดิมาลาของเขต ",-1),Xe={class:"bg-grey-2 col-12 row items-center"},Ye=r("div",{class:"q-pl-sm q-mr-md text-weight-bold text-grey"},"รอบ",-1),Ze={class:"col-12 row bg-white"},el={class:"fit q-px-md q-py-sm"},ll={class:"row col-12 q-col-gutter-md fit"},al={class:"row col-12"},Ul=B({__name:"Main",setup(L){ie();const y=i("รอบการเสนอพระราชทานเหรียญจักรพรรดิมาลาปี 2557"),h=["รอบการเสนอพระราชทานเหรียญจักรพรรดิมาลาปี 2557","รอบการเสนอพระราชทานเหรียญจักรพรรดิมาลาปี 2558","รอบการเสนอพระราชทานเหรียญจักรพรรดิมาลาปี 2556"],f=i("haveInsignia"),g=i({total:0,sendName:0,nonSend:0,personSend:0,disclaim:0});return(v,m)=>(u(),k(P,null,[We,e(J,{bordered:"",class:"row col-12 q-mt-sm"},{default:l(()=>[r("div",Xe,[Ye,e($,{borderless:"",modelValue:y.value,"onUpdate:modelValue":m[0]||(m[0]=b=>y.value=b),options:h},null,8,["modelValue"])]),r("div",Ze,[r("div",el,[r("div",ll,[e(j,{amount:g.value.total,label:"หน่วยงานทั้งหมด",color:"#016987"},null,8,["amount"]),e(j,{amount:g.value.sendName,label:"หน่วยงานที่ส่งรายชื่อเเล้ว",color:"#02A998"},null,8,["amount"]),e(j,{amount:g.value.nonSend,label:"หน่วยงานที่ยังไม่ได้ส่งรายชื่อ",color:"#2EA0FF"},null,8,["amount"]),e(j,{amount:g.value.personSend,label:"จำนวนคนที่ยื่นขอ",color:"#4154B3"},null,8,["amount"])])])])]),_:1}),e(J,{flat:"",bordered:"",class:"col-12 q-mt-sm"},{default:l(()=>[r("div",al,[e(xe,{modelValue:f.value,"onUpdate:modelValue":m[1]||(m[1]=b=>f.value=b),dense:"",class:"text-grey","active-color":"primary","active-class":"bg-teal-1","indicator-color":"primary",align:"left"},{default:l(()=>[e(K,{name:"haveInsignia",label:"ผู้ที่ได้รับพระราชทานเหรียญจักรพรรดิมาลา"}),e(K,{name:"personNotapply",label:"คนที่ไม่ยื่นขอ"}),e(K,{name:"personRemoved",label:"คนที่ถูกลบออก"}),e(K,{name:"nonInsignia",label:"หน่วยงานที่ยังไม่ได้ส่งรายชื่อ"})]),_:1},8,["modelValue"])]),e(ne),e(ge,{modelValue:f.value,"onUpdate:modelValue":m[2]||(m[2]=b=>f.value=b),animated:""},{default:l(()=>[e(M,{name:"haveInsignia"},{default:l(()=>[e(qe)]),_:1}),e(M,{name:"personNotapply"},{default:l(()=>[e(Re)]),_:1}),e(M,{name:"personRemoved"},{default:l(()=>[e(je)]),_:1}),e(M,{name:"nonInsignia"},{default:l(()=>[e(Je)]),_:1})]),_:1},8,["modelValue"])]),_:1})],64))}});export{Ul as default};
|