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