1 line
8.7 KiB
JavaScript
1 line
8.7 KiB
JavaScript
import{d as P,e as m,s as v,j as o,g as l,C as i,D as r,ac as b,a as t,W as G,f as S,A as s,m as q,bY as A,ah as z,aj as T,v as F,p as J,F as U,i as M,a2 as h,al as X,an as Z,ao as ee,a4 as B}from"./index-3a2b6cd5.js";import{Q as le}from"./QTooltip-5ceb1b84.js";import{Q as ae}from"./QSpace-5fefe78e.js";import{Q as D}from"./QSelect-809bd0f2.js";import{Q as oe}from"./QTh-95cd2a9c.js";import{Q as N}from"./QTr-c5e846f1.js";import{Q as f}from"./QTd-71639d11.js";import{Q as te}from"./QPagination-e0f4fffb.js";import{Q as ne}from"./QTable-d329bd84.js";import{Q as se}from"./QForm-4d87c0ee.js";import{u as ie}from"./use-quasar-1e7f9a8b.js";import{_ as V}from"./StatCard.vue_vue_type_script_setup_true_lang-8858f381.js";import{Q as re}from"./QToolbarTitle-e2e05c30.js";import{Q as ue}from"./QToolbar-ccd30184.js";import"./position-engine-4e9b318c.js";import"./selection-8094913b.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"./QList-1b100cb9.js";import"./use-fullscreen-273d7265.js";const de=P({__name:"DialogHeader",props:{tittle:String,close:{type:Function,default:()=>console.log("not function")}},setup(x){const y=x,c=async()=>{y.close()};return(C,u)=>(m(),v(ue,null,{default:o(()=>[l(re,{class:"text-subtitle2 text-bold"},{default:o(()=>[i(r(x.tittle),1)]),_:1}),l(b,{icon:"close",unelevated:"",round:"",dense:"",onClick:c,style:{color:"#ff8080","background-color":"#ffdede"}})]),_:1}))}}),me={class:"toptitle text-dark col-12 row items-center"},ce={class:"col-12 row bg-white"},pe={class:"fit q-px-md q-py-sm"},fe={class:"row col-12 q-col-gutter-md fit"},ge={class:"row q-col-gutter-sm"},ve={class:"row col-12 q-col-gutter-sm"},be={class:"col-12"},xe={class:"text-weight-medium"},Re=P({__name:"coinAllocateDetail",setup(x){const y=t(""),c=t(""),C=ie(),u=t(!1),j=async()=>{u.value=!1},_=t(),E=t([{label:"โครงสร้างเเละอัตรากำลัง",id:"xxxxx1"},{label:"การเรียนรู้มหานคร",id:"xxxxx2"},{label:"สารสนเทศทรัพยากรบุคคล",id:"xxxxx3"},{label:"วินัยเเละเสริมสร้างจริยธรรม",id:"xxxxx4"}]),L=()=>{console.log(`dataSave==>${c.value},${_.value}`),u.value=!1},g=t({sortBy:"desc",descending:!1,page:1,rowsPerPage:10}),Q=t({total:10,sendInsig:9,remainInsig:1}),k=t(["no","organization","totalInsignia","allocate","remain"]),I=t([{name:"no",align:"left",label:"ลำดับ",sortable:!0,field:"no",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:"totalInsignia",align:"left",label:"จำนวนเหรียนตรา ฯ ที่ได้รับ",sortable:!0,field:"totalInsignia",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"allocate",align:"left",label:"จัดสรรให้ข้าราชการแล้ว",sortable:!0,field:"allocate",headerStyle:"font-size: 14px",style:"font-size: 14px"},{name:"remain",align:"left",label:"คงเหลือ",sortable:!0,field:"remain",headerStyle:"font-size: 14px",style:"font-size: 14px"}]),R=t([{no:"1",organization:"โครงสร้างและอัตรากำลัง",totalInsignia:"3",allocate:3,remain:0},{no:"2",organization:"การเรียนรู้มหานคร",totalInsignia:"3",allocate:0,remain:0},{no:"3",organization:"สารสนเทศทรัพยากรบุคคล",totalInsignia:"2",allocate:2,remain:0},{no:"4",organization:"วินัยและเสริมสร้างจริยธรรม",totalInsignia:"1",allocate:1,remain:0}]),H=()=>{u.value=!0},p=()=>{A.push("/coin/allocate/detail-add")},d=t(""),$=t(null),K=()=>{d.value="",$.value.focus()};t(""),t(null);const O=t(G()),W=t(!0),Y=(w,a,e)=>W.value==!0?" "+w+"-"+a+" ใน "+e:w+"-"+a+" ใน "+e;return(w,a)=>(m(),S(U,null,[s("div",me,[l(b,{icon:"mdi-arrow-left",unelevated:"",round:"",dense:"",flat:"",color:"primary",class:"q-mr-sm",onClick:a[0]||(a[0]=e=>q(A).push("/coin/allocate/list-allocate"))}),i(" หน่วยงานจัดสรรเหรียนตรา "+r(y.value),1)]),l(z,{bordered:"",class:"q-py-sm row col-12"},{default:o(()=>[s("div",ce,[s("div",pe,[s("div",fe,[l(V,{amount:Q.value.total,label:"จำนวนเหรียนตรา ฯ ทั้งหมด",color:"#016987"},null,8,["amount"]),l(V,{amount:Q.value.sendInsig,label:"จำนวนเหรียนตรา ฯ ที่จัดสรรให้หน่วยงานแล้ว",color:"#02A998"},null,8,["amount"]),l(V,{amount:Q.value.remainInsig,label:"จำนวนเหรียนตรา ฯ คงเหลือ",color:"#2EA0FF"},null,8,["amount"])])])])]),_:1}),l(z,{flat:"",bordered:"",class:"col-12 q-mt-sm q-pa-md"},{default:o(()=>[s("div",ge,[s("div",ve,[s("div",null,[l(b,{onClick:a[1]||(a[1]=e=>H()),size:"12px",flat:"",round:"",color:"add",icon:"mdi-plus"},{default:o(()=>[l(le,null,{default:o(()=>[i("เพิ่มรายการจัดสรรเหรียนตรา")]),_:1})]),_:1})]),l(ae),l(T,{class:"col-xs-12 col-sm-3 col-md-2",standout:"",dense:"",modelValue:d.value,"onUpdate:modelValue":a[2]||(a[2]=e=>d.value=e),ref_key:"filterRef",ref:$,outlined:"",debounce:"300",placeholder:"ค้นหา"},{append:o(()=>[d.value==""?(m(),v(B,{key:0,name:"search"})):F("",!0),d.value!==""?(m(),v(B,{key:1,name:"clear",class:"cursor-pointer",onClick:K})):F("",!0)]),_:1},8,["modelValue"]),l(D,{modelValue:k.value,"onUpdate:modelValue":a[3]||(a[3]=e=>k.value=e),multiple:"",outlined:"",dense:"","options-dense":"","display-value":q(C).lang.table.columns,"emit-value":"","map-options":"",options:I.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"])]),s("div",be,[l(ne,J({ref:"table",columns:I.value,rows:R.value,filter:d.value,"row-key":"id",flat:"",bordered:"",paging:!0,dense:"",class:"custom-header-table"},O.value,{"visible-columns":k.value,"pagination-label":Y,pagination:g.value,"onUpdate:pagination":a[10]||(a[10]=e=>g.value=e)}),{header:o(e=>[l(N,{props:e},{default:o(()=>[(m(!0),S(U,null,M(e.cols,n=>(m(),v(oe,{key:n.name,props:e},{default:o(()=>[s("span",xe,r(n.label),1)]),_:2},1032,["props"]))),128))]),_:2},1032,["props"])]),body:o(e=>[l(N,{props:e,class:"cursor-pointer"},{default:o(()=>[l(f,{key:"no",props:e,onClick:a[4]||(a[4]=n=>p())},{default:o(()=>[i(r(e.rowIndex+1),1)]),_:2},1032,["props"]),l(f,{key:"organization",props:e,onClick:a[5]||(a[5]=n=>p())},{default:o(()=>[i(r(e.row.organization),1)]),_:2},1032,["props"]),l(f,{key:"totalInsignia",props:e,onClick:a[6]||(a[6]=n=>p())},{default:o(()=>[i(r(e.row.totalInsignia),1)]),_:2},1032,["props"]),l(f,{key:"allocate",props:e,onClick:a[7]||(a[7]=n=>p())},{default:o(()=>[i(r(e.row.allocate),1)]),_:2},1032,["props"]),l(f,{key:"remain",props:e,onClick:a[8]||(a[8]=n=>p())},{default:o(()=>[i(r(e.row.remain),1)]),_:2},1032,["props"])]),_:2},1032,["props"])]),pagination:o(e=>[l(te,{modelValue:g.value.page,"onUpdate:modelValue":a[9]||(a[9]=n=>g.value.page=n),"active-color":"primary",color:"dark",max:e.pagesNumber,"max-pages":5,size:"sm","boundary-links":"","direction-links":""},null,8,["modelValue","max"])]),_:1},16,["columns","rows","filter","visible-columns","pagination"])])])]),_:1}),l(ee,{modelValue:u.value,"onUpdate:modelValue":a[13]||(a[13]=e=>u.value=e),persistent:""},{default:o(()=>[l(z,{style:{width:"900px","max-width":"80vw"}},{default:o(()=>[l(se,{ref:"myForm"},{default:o(()=>[l(de,{tittle:"เพิ่มการจัดสรรเหรียนตรา ฯ ",close:j}),l(h),l(X,{class:"q-pa-md q-col-gutter-sm"},{default:o(()=>[l(D,{outlined:"",class:"full-width inputgreen cursor-pointer custom-input",standout:"",dense:"","hide-bottom-space":"",rules:[e=>!!e||"กรุณาเลือกหน่วยงาน"],"lazy-rules":"","option-label":"label","option-value":"id","emit-value":"",options:E.value,modelValue:c.value,"onUpdate:modelValue":a[11]||(a[11]=e=>c.value=e),label:"เลือกหน่วยงาน","map-options":""},null,8,["rules","options","modelValue"]),l(T,{outlined:"",dense:"","lazy-rules":"",modelValue:_.value,"onUpdate:modelValue":a[12]||(a[12]=e=>_.value=e),rules:[e=>!!e||"กรุณากรอกจำนวน"],"hide-bottom-space":"",label:"จำนวนโคตาเหรียนตรา ฯ",type:"number"},null,8,["modelValue","rules"])]),_:1}),l(h),l(Z,{align:"right",class:"bg-white text-teal"},{default:o(()=>[l(b,{label:"บันทึก",onClick:L,color:"public"})]),_:1})]),_:1},512)]),_:1})]),_:1},8,["modelValue"])],64))}});export{Re as default};
|