1 line
30 KiB
JavaScript
1 line
30 KiB
JavaScript
import{d as _e,a8 as ke,a7 as De,a as m,o as Ve,ag as I,ab as Ie,e as x,s as G,j as p,g as s,a2 as Z,A as r,aj as q,x as y,C as B,D as X,m as re,a4 as ie,B as Oe,f as F,v as de,i as $e,F as xe,ac as E,ah as we,ad as Ce,al as oe,ao as ze,an as Te}from"./index-3a2b6cd5.js";import{Q as se}from"./QTooltip-5ceb1b84.js";import{Q as ne}from"./QSpace-5fefe78e.js";import{Q as Ne}from"./QPageSticky-fd09a663.js";import{Q as qe}from"./QImg-c1ebab1a.js";import{_ as Fe}from"./avatar_user-99f64d32.js";import{u as Qe}from"./data-3e036c46.js";import{u as Se}from"./mixin-183f301b.js";import{u as Ae}from"./use-quasar-1e7f9a8b.js";import{Q as Pe}from"./QForm-4d87c0ee.js";import{Q as Ue}from"./QTd-71639d11.js";import{Q as Ee}from"./QTr-c5e846f1.js";import{d as Be}from"./profileType-813dbb1f.js";import{_ as He}from"./top.vue_vue_type_script_setup_true_lang-9c6f423b.js";import{_ as Re}from"./TableHistory.vue_vue_type_script_setup_true_lang-7611e006.js";/* empty css */import{c as O}from"./app.config-a8647d06.js";import{u as Ge}from"./store-c64a2588.js";import"./position-engine-4e9b318c.js";import"./selection-8094913b.js";import"./QSpinnerCube-b3e27bc1.js";import"./QSelect-809bd0f2.js";import"./QChip-f43cc21c.js";import"./QItemSection-843d83e6.js";import"./QItemLabel-37c56e27.js";import"./QMenu-59199f2b.js";import"./rtl-36dd996b.js";import"./format-312d1398.js";import"./QTh-95cd2a9c.js";import"./QPagination-e0f4fffb.js";import"./QTable-d329bd84.js";import"./QList-1b100cb9.js";import"./use-fullscreen-273d7265.js";import"./index-932e35b0.js";const je={class:"row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm"},Le={class:"col-xs-6 col-sm-3 col-md-3"},Me={class:"col-xs-6 col-sm-3 col-md-3"},Ke={class:"col-xs-6 col-sm-3 col-md-3"},Ye={class:"col-xs-6 col-sm-3 col-md-3"},Je={class:"col-xs-6 col-sm-2 col-md-2"},We={class:"col-xs-6 col-sm-2 col-md-2"},Xe={class:"col-xs-6 col-sm-2 col-md-2"},Ze={class:"col-xs-6 col-sm-2 col-md-2"},el={class:"col-xs-6 col-sm-2 col-md-2"},ll={class:"col-xs-6 col-sm-2 col-md-2"},al={class:"col-xs-6 col-sm-2 col-md-2"},tl={class:"col-xs-6 col-sm-2 col-md-2"},ol={class:"col-xs-6 col-sm-2 col-md-2"},sl={key:0,class:"col-xs-6 col-sm-3 col-md-3"},il={key:1,class:"col-xs-6 col-sm-3 col-md-3"},nl={class:"col-12 q-pt-md q-pb-sm"},rl={key:0,class:"table_ellipsis"},dl={key:1,class:"table_ellipsis"},ul={class:"row col-12 q-pa-sm"},pl=_e({__name:"information",props:{statusEdit:{type:Boolean,required:!0},fetchDataProfile:{type:Function,default:()=>console.log("not function")},statusAdd:{type:Boolean,default:!1}},emits:["update:statusEdit"],setup(ue,{emit:C}){const j=ue,pe=ke(),k=De(),D=Ae(),me=Se(),{date2Thai:z,success:L,dateToISO:T,messageError:N,dialogMessage:M,showLoader:_,hideLoader:V}=me,ce=Ge(),{changeRetireText:ee,changeBirth:le}=ce,o=m(!1),H=m(""),a=m(Be),Q=m([]),w=m("ประวัติแก้ไขข้อมูลส่วนตัว"),K=m(""),Y=m(!1),$=m(null),R=m(new Date),P=m("0"),f=m({prefixOps:[],prefixOldOps:[],genderOps:[],bloodOps:[],statusOps:[],religionOps:[],employeeClassOps:[{id:"perm",name:"ลูกจ้างประจำ"},{id:"temp",name:"ลูกจ้างชั่วคราว"}],employeeTypeOps:[{id:"gov",name:"งบประมาณเงินอุดหนุนรัฐบาล"},{id:"bkk",name:"งบประมาณกรุงเทพมหานคร"}]}),g=m({prefixOps:[],prefixOldOps:[],genderOps:[],bloodOps:[],statusOps:[],religionOps:[],employeeClassOps:[{id:"perm",name:"ลูกจ้างประจำ"},{id:"temp",name:"ลูกจ้างชั่วคราว"}],employeeTypeOps:[{id:"gov",name:"งบประมาณเงินอุดหนุนรัฐบาล"},{id:"bkk",name:"งบประมาณกรุงเทพมหานคร"}]}),U=m([{name:"citizenId",align:"left",label:"เลขบัตรประจำตัวประชาชน",sortable:!0,field:"citizenId",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"prefix",align:"left",label:"คำนำหน้าชื่อ",sortable:!0,field:"prefix",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"firstName",align:"left",label:"ชื่อ",sortable:!0,field:"firstName",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"lastName",align:"left",label:"นามสกุล",sortable:!0,field:"lastName",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"birthDate",align:"left",label:"วัน/เดือน/ปี เกิด",sortable:!0,field:"birthDate",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"gender",align:"left",label:"เพศ",sortable:!0,field:"gender",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"relationship",align:"left",label:"สถานภาพ",sortable:!0,field:"relationship",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"bloodGroup",align:"left",label:"หมู่เลือด",sortable:!0,field:"bloodGroup",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"nationality",align:"left",label:"สัญชาติ",sortable:!0,field:"nationality",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"race",align:"left",label:"เชื้อชาติ",sortable:!0,field:"race",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"religion",align:"left",label:"ศาสนา",sortable:!0,field:"religion",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"telephoneNumber",align:"left",label:"เบอร์โทร",sortable:!0,field:"telephoneNumber",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"employeeType",align:"left",label:"ประเภทการจ้าง",sortable:!0,field:"employeeType",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"employeeClass",align:"left",label:"ประเภทลูกจ้าง",sortable:!0,field:"employeeClass",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"createdFullName",align:"left",label:"ผู้ดำเนินการ",sortable:!0,field:"createdFullName",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})},{name:"createdAt",align:"left",label:"วันที่แก้ไข",sortable:!0,field:"createdAt",headerStyle:"font-size: 14px",style:"font-size: 14px",sort:(l,e)=>l.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}]),J=m(["citizenId","prefix","firstName","lastName","birthDate","gender","relationship","bloodGroup","nationality","race","religion","telephoneNumber","employeeType","employeeClass","createdFullName","createdAt"]);Ve(async()=>{await fe(),C("update:statusEdit",!1),ve()});const ae=()=>j.statusAdd,ve=()=>{o.value=j.statusAdd,a.value={cardid:"",age:"",prefix:"",prefixId:"",firstname:"",lastname:"",birthDate:null,genderId:"",bloodId:"",nationality:"",ethnicity:"",statusId:"",religionId:"",tel:"",employeeType:"",employeeClass:"",profileType:""}},te=async()=>{$.value!=null&&$.value.reset(),await i()},fe=async()=>{_(),await I.get(O.API.person).then(l=>{const e=l.data.result;let n=[];e.bloodGroups.map(h=>{n.push({id:h.id.toString(),name:h.name.toString()})}),f.value.bloodOps=n,g.value.bloodOps=n;let c=[];e.genders.map(h=>{c.push({id:h.id.toString(),name:h.name.toString()})}),f.value.genderOps=c,g.value.genderOps=c;let t=[];e.prefixs.map(h=>{t.push({id:h.id.toString(),name:h.name.toString()})}),f.value.prefixOps=t,g.value.prefixOps=t;let v=[];e.relationships.map(h=>{v.push({id:h.id.toString(),name:h.name.toString()})}),f.value.statusOps=v,g.value.statusOps=v;let he=[];e.religions.map(h=>{he.push({id:h.id.toString(),name:h.name.toString()})}),f.value.religionOps=he,g.value.religionOps=he}).catch(l=>{}).finally(()=>{V()})},ye=async l=>{l!=null&&typeof l=="string"&&l.length==13&&l!=H.value&&await be(l)},be=async l=>{console.log("String"),_(),await I.get(O.API.profileCitizenId(l)).then(e=>{e.data.result.citizen||(M(D,"ข้อความแจ้งเตือน","เลขบัตรประจำตัวประชาชนนี้มีการใช้งานแล้ว","warning",void 0,"orange",void 0,void 0,!0),a.value.cardid=H.value)}).catch(e=>{N(D,e)}).finally(()=>{V()})},W=async()=>{Y.value=!0,_(),await I.get(O.API.profileInforHisId(k.params.id.toString())).then(l=>{let e=l.data.result;Q.value=[],e.map(n=>{Q.value.push({citizenId:n.citizenId,prefix:n.prefix,firstName:n.firstName,lastName:n.lastName,birthDate:new Date(n.birthDate),gender:n.gender,relationship:n.relationship,bloodGroup:n.bloodGroup,nationality:n.nationality,race:n.race,religion:n.religion,telephoneNumber:n.telephoneNumber,employeeType:n.employeeType=="gov"?"งบประมาณเงินอุดหนุนรัฐบาล":n.employeeType=="bkk"?"งบประมาณกรุงเทพมหานคร":"-",employeeClass:n.employeeClass=="perm"?"ลูกจ้างประจำ":n.employeeClass=="temp"?"ลูกจ้างชั่วคราว":"-",createdFullName:n.createdFullName,createdAt:new Date(n.createdAt)})})}).catch(l=>{N(D,l)}).finally(()=>{V()})},S=(l,e,n)=>{switch(n){case"prefixOps":e(()=>{f.value.prefixOps=g.value.prefixOps.filter(c=>c.name.indexOf(l)>-1)});break;case"genderOps":e(()=>{f.value.genderOps=g.value.genderOps.filter(c=>c.name.indexOf(l)>-1)});break;case"bloodOps":e(()=>{f.value.bloodOps=g.value.bloodOps.filter(c=>c.name.indexOf(l)>-1)});break;case"statusOps":e(()=>{f.value.statusOps=g.value.statusOps.filter(c=>c.name.indexOf(l)>-1)});break;case"religionOps":e(()=>{f.value.religionOps=g.value.religionOps.filter(c=>c.name.indexOf(l)>-1)});break;case"employeeClassOps":e(()=>{f.value.employeeClassOps=g.value.employeeClassOps.filter(c=>c.name.indexOf(l)>-1)});break;case"employeeTypeOps":e(()=>{f.value.employeeTypeOps=g.value.employeeTypeOps.filter(c=>c.name.indexOf(l)>-1)});break}},ge=async l=>{a.value.birthDate=l,await u(l)},u=async l=>{const e={birthDate:T(l)};T(R.value)!=T(l)&&(_(),await I.post(O.API.profileCalRetire,e).then(n=>{const c=n.data.result;a.value.age=c.age,ee(c.retireDate),R.value=l}).catch(n=>{N(D,n);const c=new Date(`${l.getFullYear()+60}-09-30`);a.value.birthDate=R.value,ee(z(c))}).finally(()=>{V()}))},i=async()=>{k.params.id&&(_(),await I.get(O.API.profileInforId(k.params.id.toString())).then(async l=>{const e=l.data.result;H.value=e.citizenId==null?"":e.citizenId,a.value.cardid=e.citizenId,a.value.prefix="",a.value.prefixId=e.prefixId,a.value.firstname=e.firstName,a.value.lastname=e.lastName,a.value.birthDate=new Date(e.birthDate),a.value.genderId=e.genderId,a.value.bloodId=e.bloodGroupId,a.value.nationality=e.nationality,a.value.ethnicity=e.race,a.value.statusId=e.relationshipId,a.value.religionId=e.religionId,a.value.tel=e.telephoneNumber,a.value.age=e.age,a.value.employeeType=e.employeeType,a.value.employeeClass=e.employeeClass,a.value.profileType=e.profileType,R.value=new Date(e.birthDate),P.value=e.changeName==!0?"1":"0",await u(new Date(T(new Date(e.birthDate)))),e.profileType=="officer"&&U.value.length>=15&&(U.value.splice(13,1),U.value.splice(12,1))}).catch(l=>{N(D,l)}).finally(async()=>{await j.fetchDataProfile()}))},d=async()=>{_();const l=new FormData;a.value.cardid!=null&&l.append("CitizenId",a.value.cardid),a.value.prefixId!=null&&l.append("Prefix",a.value.prefixId),a.value.firstname!=null&&l.append("Firstname",a.value.firstname),a.value.lastname!=null&&l.append("Lastname",a.value.lastname),a.value.genderId!=null&&l.append("Gender",a.value.genderId),a.value.nationality!=null&&l.append("Nationality",a.value.nationality),a.value.ethnicity!=null&&l.append("Race",a.value.ethnicity),a.value.religionId!=null&&l.append("Religion",a.value.religionId),a.value.birthDate!=null&&l.append("DateOfBirth",T(a.value.birthDate)??T(new Date)),a.value.bloodId!=null&&l.append("BloodGroup",a.value.bloodId),a.value.statusId!=null&&l.append("Relationship",a.value.statusId),a.value.tel!=null&&l.append("TelephoneNumber",a.value.tel),await I.post(O.API.receiveData(),l).then(e=>{L(D,"บันทึกข้อมูลสำเร็จ")}).catch(e=>{N(D,e)}).finally(async()=>{V(),pe.push("/receive")})},A=async()=>{console.log($.value),$.value!=null&&await $.value.validate().then(async l=>{l&&d()})},b=l=>({"full-width inputgreen cursor-pointer":l,"full-width cursor-pointer":!l});return(l,e)=>{const n=Ie("selector"),c=Ie("datepicker");return x(),G(we,{flat:"",bordered:"",class:"col-12 q-px-lg q-py-md"},{default:p(()=>[s(He,{edit:o.value,"onUpdate:edit":e[0]||(e[0]=t=>o.value=t),header:"ข้อมูลส่วนตัว",icon:"mdi-account",save:A,history:!ae(),disable:ue.statusEdit,cancel:te,historyClick:W,addEmployee:ae()},null,8,["edit","history","disable","addEmployee"]),s(Z),s(Pe,{ref_key:"myform",ref:$,class:"col-12"},{default:p(()=>[r("div",je,[r("div",Le,[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,modelValue:a.value.cardid,"onUpdate:modelValue":[e[1]||(e[1]=t=>a.value.cardid=t),ye],dense:"","lazy-rules":"",rules:[t=>!!t||"กรุณากรอก เลขบัตรประจำตัวประชาชน",t=>t.length>=13||"กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ"],readonly:!o.value,borderless:!o.value,label:"เลขบัตรประจำตัวประชาชน",maxlength:"13",mask:"#############"},null,8,["class","outlined","modelValue","rules","readonly","borderless"])]),r("div",Me,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,rules:[t=>!!t||"กรุณาเลือก คำนำหน้าชื่อ"],outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.prefixId,"onUpdate:modelValue":e[2]||(e[2]=t=>a.value.prefixId=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.prefixOps,"option-value":"id",label:"คำนำหน้าชื่อ","use-input":"","input-debounce":"0",onFilter:e[3]||(e[3]=(t,v)=>S(t,v,"prefixOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","rules","outlined","modelValue","options"])]),r("div",Ke,[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",readonly:!o.value,borderless:!o.value,modelValue:a.value.firstname,"onUpdate:modelValue":e[4]||(e[4]=t=>a.value.firstname=t),rules:[t=>!!t||"กรุณากรอก ชื่อ"],label:"ชื่อ"},null,8,["class","outlined","readonly","borderless","modelValue","rules"])]),r("div",Ye,[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",readonly:!o.value,borderless:!o.value,modelValue:a.value.lastname,"onUpdate:modelValue":e[5]||(e[5]=t=>a.value.lastname=t),rules:[t=>!!t||"กรุณากรอก นามสกุล"],label:"นามสกุล"},null,8,["class","outlined","readonly","borderless","modelValue","rules"])]),r("div",Je,[s(c,{modelValue:a.value.birthDate,"onUpdate:modelValue":[e[6]||(e[6]=t=>a.value.birthDate=t),ge],locale:"th",autoApply:"",enableTimePicker:!1,"week-start":"0","max-date":new Date,disabled:!o.value},{year:p(({year:t})=>[B(X(t+543),1)]),"year-overlay-value":p(({value:t})=>[B(X(parseInt(t+543)),1)]),trigger:p(()=>[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",readonly:!o.value,borderless:!o.value,"model-value":a.value.birthDate==null?null:re(z)(a.value.birthDate),rules:[t=>!!t||"กรุณาเลือก วัน/เดือน/ปี เกิด"],label:"วัน/เดือน/ปี เกิด"},{prepend:p(()=>[s(ie,{name:"event",class:"cursor-pointer",style:Oe(o.value?"color: var(--q-primary)":"color: var(--q-grey)")},null,8,["style"])]),_:1},8,["class","outlined","readonly","borderless","model-value","rules"])]),_:1},8,["modelValue","max-date","disabled"])]),r("div",We,[s(q,{class:y(b(!1)),"hide-bottom-space":"",dense:"","lazy-rules":"",readonly:"",borderless:"",style:Oe(o.value?"padding:0 12px;":""),"model-value":a.value.age,label:"อายุ"},null,8,["class","style","model-value"])]),r("div",Xe,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.genderId,"onUpdate:modelValue":e[7]||(e[7]=t=>a.value.genderId=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.genderOps,"option-value":"id",label:"เพศ","use-input":"","input-debounce":"0",onFilter:e[8]||(e[8]=(t,v)=>S(t,v,"genderOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","outlined","modelValue","options"])]),r("div",Ze,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.statusId,"onUpdate:modelValue":e[9]||(e[9]=t=>a.value.statusId=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.statusOps,"option-value":"id",label:"สถานภาพ","use-input":"","input-debounce":"0",onFilter:e[10]||(e[10]=(t,v)=>S(t,v,"statusOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","outlined","modelValue","options"])]),r("div",el,[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",readonly:!o.value,borderless:!o.value,modelValue:a.value.nationality,"onUpdate:modelValue":e[11]||(e[11]=t=>a.value.nationality=t),label:"สัญชาติ"},null,8,["class","outlined","readonly","borderless","modelValue"])]),r("div",ll,[s(q,{class:y(b(o.value)),"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",readonly:!o.value,borderless:!o.value,modelValue:a.value.ethnicity,"onUpdate:modelValue":e[12]||(e[12]=t=>a.value.ethnicity=t),label:"เชื้อชาติ"},null,8,["class","outlined","readonly","borderless","modelValue"])]),r("div",al,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.religionId,"onUpdate:modelValue":e[13]||(e[13]=t=>a.value.religionId=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.religionOps,"option-value":"id",label:"ศาสนา","use-input":"","input-debounce":"0",onFilter:e[14]||(e[14]=(t,v)=>S(t,v,"religionOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","outlined","modelValue","options"])]),r("div",tl,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.bloodId,"onUpdate:modelValue":e[15]||(e[15]=t=>a.value.bloodId=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.bloodOps,"option-value":"id",label:"หมู่เลือด","use-input":"","input-debounce":"0",onFilter:e[16]||(e[16]=(t,v)=>S(t,v,"bloodOps")),clearable:""},null,8,["hide-dropdown-icon","class","readonly","borderless","outlined","modelValue","options"])]),r("div",ol,[s(q,{"hide-bottom-space":"",outlined:o.value,dense:"","lazy-rules":"",type:"tel",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,modelValue:a.value.tel,"onUpdate:modelValue":e[17]||(e[17]=t=>a.value.tel=t),label:"เบอร์โทร",mask:"##########"},null,8,["outlined","class","readonly","borderless","modelValue"])]),a.value.profileType=="employee"?(x(),F("div",sl,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,rules:[t=>!!t||"กรุณาเลือก ประเภทการจ้าง"],outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.employeeType,"onUpdate:modelValue":e[18]||(e[18]=t=>a.value.employeeType=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.employeeTypeOps,"option-value":"id",label:"ประเภทการจ้าง","use-input":"","input-debounce":"0",onFilter:e[19]||(e[19]=(t,v)=>S(t,v,"employeeTypeOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","rules","outlined","modelValue","options"])])):de("",!0),a.value.profileType=="employee"?(x(),F("div",il,[s(n,{"hide-dropdown-icon":!o.value,"hide-bottom-space":"",class:y(b(o.value)),readonly:!o.value,borderless:!o.value,rules:[t=>!!t||"กรุณาเลือก ประเภทลูกจ้าง"],outlined:o.value,dense:"","lazy-rules":"",modelValue:a.value.employeeClass,"onUpdate:modelValue":e[20]||(e[20]=t=>a.value.employeeClass=t),"emit-value":"","map-options":"","option-label":"name",options:f.value.employeeClassOps,"option-value":"id",label:"ประเภทลูกจ้าง","use-input":"","input-debounce":"0",onFilter:e[21]||(e[21]=(t,v)=>S(t,v,"employeeClassOps"))},null,8,["hide-dropdown-icon","class","readonly","borderless","rules","outlined","modelValue","options"])])):de("",!0),r("div",nl,[s(Z)])])]),_:1},512),s(Re,{rows:Q.value,columns:U.value,filter:K.value,"visible-columns":J.value,modal:Y.value,"onUpdate:modal":e[22]||(e[22]=t=>Y.value=t),inputfilter:K.value,"onUpdate:inputfilter":e[23]||(e[23]=t=>K.value=t),inputvisible:J.value,"onUpdate:inputvisible":e[24]||(e[24]=t=>J.value=t),tittle:w.value,"onUpdate:tittle":e[25]||(e[25]=t=>w.value=t)},{columns:p(t=>[s(Ee,{props:t},{default:p(()=>[(x(!0),F(xe,null,$e(t.cols,v=>(x(),G(Ue,{key:v.name,props:t},{default:p(()=>[v.name=="birthDate"||v.name=="createdAt"?(x(),F("div",rl,X(re(z)(v.value)),1)):(x(),F("div",dl,X(v.value),1))]),_:2},1032,["props"]))),128))]),_:2},1032,["props"])]),_:1},8,["rows","columns","filter","visible-columns","modal","inputfilter","inputvisible","tittle"]),r("div",ul,[s(ne),s(E,{unelevated:"",dense:"",class:"q-px-md items-center",color:"light-blue-10",label:"บันทึก",onClick:A})]),s(Z)]),_:1})}}}),ml={class:"col-12 row"},cl={class:"row col-12",style:{"padding-top":"80px"}},vl={id:"information",name:"1",class:"row col-12 information q-mt-sm"},fl={class:"row col-12 q-gutter-sm q-pb-sm text-dark no-wrap items-center"},yl=r("img",{src:Fe,class:"bg-grey-3",style:{"object-fit":"cover"}},null,-1),bl=["src"],gl=r("div",{class:"row items-center text-dark q-ml-md"},[r("div",{class:"column"},[r("div",{class:"text-bold q-pb-xs text-name"}," เพิ่มข้อมูลทะเบียนประวัติ "),r("div",{class:"text-bold q-pb-xs text-sub"},"ข้าราชการกทม. สามัญ")])],-1),hl=r("div",{class:"text-h6"},"เลือกรูปภาพ",-1),xl={class:"row wrap items-start col-12 q-col-gutter-sm",style:{height:"320px",overflow:"auto"}},wl={style:{height:"160px","max-width":"15vw",display:"flex !important","justify-content":"center","align-items":"center"},class:"column rounded-borders cursor-pointer bg-active-image text-white"},Il=r("strong",null,"อัปโหลดรูปภาพ",-1),Ol=["onClick"],Cl={class:"absolute-bottom col-12 cursor-pointer flex justify-between items-center",style:{padding:"5px"}},sa=_e({__name:"FormAdd",setup(ue){const C=Ae();Qe();const j=Se(),{date2Thai:pe,messageError:k,dialogMessage:D,success:me,showLoader:z,hideLoader:L,dialogRemove:T}=j,N=De(),M=ke(),_=m(null),V=m(null),ce=m(""),ee=m("นักจัดการงานทั่วไป"),le=m(!1),o=m(!1),H=m(!1),a=m(null),Q=m([]),w=m(N.params.id?N.params.id.toString():""),K=m(""),Y=m(!1),$=m(""),R=m([{id:"retire",name:"เกษียณอายุราชการ"},{id:"resign",name:"ลาออก"},{id:"transfer",name:"ให้โอน"},{id:"death",name:"ถึงแก่กรรม"},{id:"layoff",name:"ให้ออก"},{id:"discharge",name:"ปลดออก"},{id:"dismiss",name:"ไล่ออก"},{id:"other",name:"อื่นๆ"}]);Ve(async()=>{await f(),await P()});const P=async()=>{w.value!==""&&(z(),await I.get(O.API.profileAvatarId(w.value)).then(u=>{const i=u.data.result;ce.value=i.fullname,_.value=i.avatar,ee.value=i.position,K.value=i.profileType;const d=R.value.filter(A=>A.id==i.leaveReason);d.length>0?$.value=` (พ้นจากราชการด้วยสาเหตุ: ${d[0].name})`:$.value="",Y.value=d.length>0}).catch(u=>{k(C,u)}).finally(()=>{L()}))},f=async()=>{w.value!==""&&(z(),await I.get(O.API.profileCheckId(w.value)).then(u=>{u.data.result==!1&&M.push("/registry")}).catch(u=>{M.push("/registry")}).finally(()=>{L()}))},g=async()=>{w.value!==""&&(z(),await I.get(O.API.profileAvatarHistoryId(w.value)).then(u=>{let i=u.data.result;Q.value=[],i.map(d=>{Q.value.push({id:d.id,avatar:d.avatar,avatarId:d.avatarId,createdDate:new Date(d.createdDate),isActive:d.isActive})})}).catch(u=>{k(C,u)}).finally(()=>{L()}))},U=async u=>{if(w.value!==""){let i=u.target.files;if(i.length>0){const d=new FormData;d.append("FileData",i[0]),z(),await I.post(O.API.profileAvatarId(w.value),d).then(A=>{}).catch(A=>{k(C,A)}).finally(async()=>{await P(),o.value=!1});return}}},J=async u=>{z(),await I.delete(O.API.profileAvatarHistoryId(u)).then(i=>{me(C,"ลบรูปภาพสำเร็จ")}).catch(i=>{k(C,i)}).finally(async()=>{await P(),await W()})},ae=async u=>{T(C,()=>J(u))},ve=async()=>{if(a.value==null){D(C,"ไม่สามารถเปลี่ยนรูปได้","กรุณาเลือกรูปที่ต้องการเปลี่ยน","warning",void 0,"orange",void 0,void 0,!0);return}w.value!==""&&(z(),await I.put(O.API.profileAvatarId(w.value),{avatar:a.value.avatarId}).then(u=>{o.value=!1}).catch(u=>{k(C,u)}).finally(async()=>{await P()}))},te=u=>{a.value=u},fe=u=>{const i=u==a.value;return{"rounded-borders bg-grey-2 image-size-default":i,"rounded-borders bg-grey-2 image-size-full":!i}},ye=u=>{const i=u==a.value;return{"rounded-borders border-green shadow-1":i,"rounded-borders shadow-1":!i}},be=async()=>{V.value.click(),await te(null)},W=async()=>{await g(),o.value=!0},S=()=>{o.value=!1},ge=()=>{le.value=!1};return(u,i)=>(x(),F(xe,null,[r("div",ml,[r("div",cl,[r("div",vl,[s(pl,{statusEdit:H.value,"onUpdate:statusEdit":i[0]||(i[0]=d=>H.value=d),fetchDataProfile:P,statusAdd:!0},null,8,["statusEdit"])])]),s(Ne,{position:"top",expand:"",class:"bg-grey-2 text-white",style:{"z-index":"99",padding:"0% 1% 0% 1%"}},{default:p(()=>[r("div",fl,[s(E,{flat:"",round:"",class:"bg-teal-1 full-height",color:"primary",icon:"mdi-chevron-left",dense:"",onClick:i[1]||(i[1]=d=>re(M).go(-1))}),_.value==null?(x(),G(Ce,{key:0,size:"65px",rounded:"",class:"containerimage"},{default:p(()=>[yl,r("div",{class:"overlay absolute-bottom text-subtitle2 text-center cursor-pointer",onClick:i[2]||(i[2]=d=>W())},[s(ie,{name:"mdi-camera",size:"18px",color:"blue"},{default:p(()=>[s(se,null,{default:p(()=>[B("อัปเดตรูปภาพ")]),_:1})]),_:1}),r("input",{type:"file",style:{display:"none"},ref_key:"inputImage",ref:V,accept:"image/*",onChange:U},null,544)])]),_:1})):(x(),G(Ce,{key:1,size:"65px",rounded:"",class:"containerimage"},{default:p(()=>[r("img",{src:_.value,class:"bg-grey-3",style:{"object-fit":"cover"}},null,8,bl),r("div",{class:"overlay absolute-bottom text-subtitle2 text-center cursor-pointer",onClick:i[3]||(i[3]=d=>W())},[s(ie,{name:"mdi-camera",size:"18px",color:"blue"},{default:p(()=>[s(se,null,{default:p(()=>[B("อัปเดตรูปภาพ")]),_:1})]),_:1}),r("input",{type:"file",style:{display:"none"},ref_key:"inputImage",ref:V,accept:"image/*",onChange:U},null,544)])]),_:1})),gl,s(ne)])]),_:1})]),s(ze,{modelValue:le.value,"onUpdate:modelValue":i[5]||(i[5]=d=>le.value=d),persistent:""},{default:p(()=>[s(we,{style:{width:"90vw","max-width":"80vw"}},{default:p(()=>[s(oe,{class:"row items-center q-pb-xs col-12"},{default:p(()=>[s(ne),s(E,{onClick:i[4]||(i[4]=d=>u.downloadKP7()),unelevated:"",class:"btn_purple q-mr-sm",label:"ดาวน์โหลด ก.พ.7/ก.ก.1"}),s(E,{icon:"close",unelevated:"",round:"",dense:"",onClick:ge,style:{color:"#ff8080","background-color":"#ffdede"}})]),_:1}),s(oe,{class:"q-p-sm"})]),_:1})]),_:1},8,["modelValue"]),s(ze,{modelValue:o.value,"onUpdate:modelValue":i[6]||(i[6]=d=>o.value=d),persistent:""},{default:p(()=>[s(we,{style:{width:"100vw","max-width":"60vw"}},{default:p(()=>[s(oe,{class:"q-py-sm row"},{default:p(()=>[hl,s(ne),s(E,{icon:"close",unelevated:"",round:"",dense:"",onClick:S,style:{color:"#ff8080","background-color":"#ffdede"}},{default:p(()=>[s(se,null,{default:p(()=>[B("ปิดหน้านี้")]),_:1})]),_:1})]),_:1}),s(Z),s(oe,{class:"col-12 row"},{default:p(()=>[r("div",xl,[r("div",{class:"col-3",onClick:be},[r("div",wl,[s(ie,{name:"add",size:"60px",color:"white"}),Il])]),(x(!0),F(xe,null,$e(Q.value,d=>(x(),F("div",{key:d,class:"col-3",onClick:A=>te(d)},[r("div",{class:y(ye(d))},[d.avatar!=null?(x(),G(qe,{key:0,src:d.avatar,class:y(fe(d))},{default:p(()=>[r("div",Cl,[B(X(re(pe)(d.createdDate))+" ",1),d.isActive?de("",!0):(x(),G(E,{key:0,icon:"delete",unelevated:"",dense:"",onClick:A=>ae(d.id),class:"bg-white",style:{color:"#ff8080"}},null,8,["onClick"]))])]),_:2},1032,["src","class"])):de("",!0)],2)],8,Ol))),128))])]),_:1}),s(Z),s(Te,{align:"right"},{default:p(()=>[s(E,{icon:"check",dense:"",flat:"",round:"",onClick:ve,color:"positive"},{default:p(()=>[s(se,null,{default:p(()=>[B("เลือกรูปภาพ")]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])],64))}});export{sa as default};
|