{"version":3,"sources":["webpack:///./src/components/modals/forms/AddPartnerModal.vue?d9eb","webpack:///./src/views/admin/partner/SetPartner.vue?8f44","webpack:///./src/views/admin/partner/SetPartner.vue","webpack:///./src/components/modals/forms/AddPartnerModal.vue","webpack:///./src/components/modals/forms/AddPartnerModal.vue?be50","webpack:///./src/views/admin/partner/SetPartner.vue?f2e8","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","xmlns","width","height","viewBox","fill","opacity","x","y","rx","transform","d","type","search","data-kt-customer-table-filter","placeholder","filter","status","getPartner","s","key","value","label","name","data-bs-toggle","data-bs-target","addPartnerModal","data","style","windowHeight","show-summary","summary-method","summary","prop","callManageMentRole","scope","row","partnerCode","partnerIsActive","active-color","inactive-color","changeStatus","align","toPartnerView","callSetProductPartner","callProductPartner","ref","active","isLoading","loader","is-full-page","id","tabindex","aria-hidden","data-bs-dismiss","src","prefix-icon","searchText","getCustomerByEnter","clearable","customerList","customer","index","onSelect","customerName","customerCode","length","element-loading-text","element-loading-spinner","customerContactList","empty-text","handleRowClick","handleSelectionChange","selectable","loading","createPartner","disabled","multipleSelection","mounted","this","addPartnerModalRef","$refs","btnAddPartnerLoading","selectedCustomerID","methods","hide","show","e","keyCode","getCustomer","$message","message","async","ApiService","query","fire","text","icon","buttonsStyling","confirmButtonText","allowOutsideClick","customClass","confirmButton","error","console","log","customerID","getCustomerContactsLists","partnerData","forEach","column","push","post","PartnerData","join","CustomerID","showCancelButton","showConfirmButton","timer","then","$emit","isActive","multipleTable","toggleRowSelection","val","render","components","AddPartnerModal","Loading","params","Status","partnerList","v","PartnerCode","PartnerIsActive","$router","basePartnerCode","partnercode","columns","sums","col","window","innerHeight","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"kHAAA,W,oCCAA,W,oECeOA,MAAM,Q,GACJA,MAAM,e,GACJA,MAAM,c,GACJA,MAAM,oD,EACT,gCAuBO,QAvBDA,MAAM,8CAA4C,CACtD,gCAqBM,OApBJC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,Q,CAEL,gCASE,QARAC,QAAQ,MACRC,EAAE,UACFC,EAAE,UACFN,MAAM,UACNC,OAAO,IACPM,GAAG,IACHC,UAAU,6BACVL,KAAK,UAEP,gCAGE,QAFAM,EAAE,oOACFN,KAAK,c,kCAUT,W,GAODL,MAAM,gB,GAIRA,MAAM,a,6CAyCsD,S,+BACQ,e,+BACH,S,4bAxFxE,gCAmGM,MAnGN,EAmGM,CAlGJ,gCA2CM,MA3CN,EA2CM,CA1CJ,gCAsCM,MAtCN,EAsCM,CArCJ,gCAoCM,MApCN,EAoCM,CAnCJ,E,4BAwBA,gCAME,SALAY,KAAK,O,qCACI,EAAAC,OAAM,GACfC,gCAA8B,SAC9Bd,MAAM,gDACNe,YAAY,S,4BAHH,EAAAF,U,EAMX,yBAEiB,G,WAFQ,EAAAG,OAAOC,O,qCAAP,EAAAD,OAAOC,OAAM,GAAG,SAAQ,EAAAC,Y,8BAC9B,IAAmB,E,2BAApC,gCAAsF,2CAAzD,EAAAD,OAALE,I,yBAAxB,yBAAsF,GAAhDC,IAAKD,EAAEE,MAAQC,MAAOH,EAAEI,M,kEAIpE,gCAEM,MAFN,EAEM,CADJ,gCAAoK,UAA5JX,KAAK,SAASZ,MAAM,kBAAkBwB,iBAAe,QAAQC,iBAAe,yBAA0B,QAAK,eAAE,EAAAC,oBAAmB,2BAG5I,gCAgDM,MAhDN,EAgDM,CA/CJ,yBA8CW,GA7CRC,KAAiB,cAAY,OAAqB,IAAwB,UAAwB,EAAK,YAAY,cAAc,SAAS,SAAO,gBAAgC,EAAK,YAAY,cAAc,SAAS,SAAO,gBAAgC,EAAK,WAAW,cAAc,SAAS,SAAO,gBAS/SC,MAAA,eACCzB,OAAQ,EAAA0B,aACTC,eAAA,GACCC,iBAAgB,EAAAC,S,8BAEjB,IAQkB,CARlB,yBAQkB,GARDC,KAAK,eAAeX,MAAM,OAAOpB,MAAM,O,8BAMnD,GALoB,CACrB,gCAIC,QAHC0B,MAAA,wDACC,QAAK,GAAE,EAAAM,mBAAmBC,EAAMC,IAAIC,c,6BACjCF,EAAMC,IAAIC,aAAW,O,MAI/B,yBAAqE,GAApDJ,KAAK,cAAcX,MAAM,SAC1C,yBACkB,GADDW,KAAK,aAAaX,MAAM,gBAAgBpB,MAAM,QAE/D,yBAUkB,GAVD+B,KAAK,YAAYX,MAAM,SAASpB,MAAM,O,8BAQvC,GAPS,CACrB,yBAMY,G,WALDiC,EAAMC,IAAIE,gB,yBAAVH,EAAMC,IAAIE,gBAAe,EAClCC,eAAa,UACbC,iBAAe,UACd,SAAM,GAAE,EAAAC,aAAaN,EAAMC,M,gEAKlC,yBAOkB,GAPDH,KAAK,GAAGX,MAAM,GAAGoB,MAAM,U,8BAEsC,GADrD,CACrB,yBAA0E,GAA9D,QAAK,GAAE,EAAAC,cAAcR,EAAMC,IAAIC,c,8BAAc,IAAK,C,2BAC9D,yBAAwF,GAA5E,QAAK,GAAE,EAAAO,sBAAsBT,EAAMC,IAAIC,c,8BAAc,IAAW,C,2BAC5E,yBAA+E,GAAnE,QAAK,GAAE,EAAAQ,mBAAmBV,EAAMC,IAAIC,c,8BAAc,IAAK,C,kFAM3E,yBAAuF,GAApES,IAAI,kBAAmB,cAAa,EAAA5B,Y,0BACvD,yBAGyB,GAFf6B,OAAQ,EAAAC,U,iCAAA,EAAAA,UAAS,GACzBC,OAAO,OACNC,gBAAc,G,+ECvGflD,MAAM,aACNmD,GAAG,sBACHC,SAAS,KACTC,cAAY,OACZP,IAAI,sB,GAGC9C,MAAM,gD,GAEJA,MAAM,iB,GAEJA,MAAM,gDAAgD4B,MAAA,wC,EAEzD,gCAAgD,MAA5C5B,MAAM,eAAc,uBAAmB,G,GAEzCA,MAAM,+CACNsD,kBAAgB,S,GAEVtD,MAAM,uB,GASXA,MAAM,mB,GAEFA,MAAM,O,GACJA,MAAM,QAAQ4B,MAAA,wC,GAWZ5B,MAAM,oB,GAGJA,MAAM,sD,iBAaFA,MAAM,0B,GAEJA,MAAM,6B,GASL4B,MAAA,mBACA5B,MAAM,uS,SAyBjBA,MAAM,oB,EACX,gCAEI,KAFDA,MAAM,sCAAqC,iBAE9C,G,GAFA,G,GAOKA,MAAM,S,GACJA,MAAM,S,GAiCN4B,MAAA,6C,+BAEM,U,+UA5I3B,gCA0JM,YAzJJ,gCAwJM,MAxJN,EAwJM,CAhJJ,gCA8IM,MA9IN,EA8IM,CA5IJ,gCA0IM,MA1IN,EA0IM,CAxIJ,gCAYM,MAZN,EAYM,CAVJ,EACA,gCAOM,MAPN,EAOM,CAHJ,gCAEO,OAFP,EAEO,CADL,yBAA2D,GAA/C2B,IAAI,iDAQtB,gCAsHM,MAtHN,EAsHM,CApHF,gCAkHM,MAlHN,EAkHM,CAjHJ,gCAuEM,MAvEN,EAuEM,CArEF,yBAOW,GANTxC,YAAY,gBACZyC,cAAY,0B,WACH,EAAAC,W,qCAAA,EAAAA,WAAU,GAClB,WAAU,EAAAC,mBACXC,UAAA,I,oCAIJ,gCA2DA,MA3DA,EA2DA,CAxDE,gCA8CM,MA9CN,EA8CM,E,2BA7CJ,gCA4CM,2CA3CwB,EAAAC,aAAY,CAAhCC,EAAUC,K,yBADpB,gCA4CM,OA1CH1C,IAAK0C,EACN9D,MAAK,6BAAC,yCAAwC,C,OAC0B,sBAAsB,EAAS,cAIvG4B,MAAA,mBACC,QAAK,IAAQ,EAAAmC,SAASF,I,CAGvB,gCA8BM,MA9BN,EA8BM,CA5BJ,gCAwBM,MAxBN,EAwBM,CAlBJ,gCAgBM,YAdJ,gCAWI,IAXJ,EAWI,6BADCA,EAASG,cAAe,MAAG,6BAAGH,EAASI,cAAe,MAC3D,U,gBAgB6C,GAAvB,EAAAL,aAAaM,Q,yBAAjD,gCAIM,MAJN,EAIM,I,2CAIN,gCAwCM,MAxCN,EAwCM,CAvCJ,gCAsCM,MAtCN,EAsCM,C,4BArCN,yBA+BW,GA9BTpB,IAAI,gBAEJqB,uBAAqB,UACrBC,0BAAwB,kBACvBzC,KAAM,EAAA0C,oBACPzC,MAAA,gCACA0C,aAAW,cACV,WAAW,EAAAC,eACX,kBAAkB,EAAAC,uB,8BAEnB,IAKmB,CALnB,yBAKmB,GAJhBC,WAAY,EAAAA,WACb7D,KAAK,YACLV,MAAM,KACNwC,MAAM,U,uBAER,yBAImB,GAHjBT,KAAK,UACLX,MAAM,YACNpB,MAAM,QAER,yBAGmB,GAFjB+B,KAAK,WACLX,MAAM,UAER,yBAImB,GAHjBW,KAAK,YACLX,MAAM,WACNpB,MAAM,U,sDA3BG,EAAAwE,WA8Bb,gCAIM,MAJN,EAIM,CAHE,yBAEC,GAFU9D,KAAK,UAAW,QAAO,EAAA+D,cAAgBC,SAAuC,IAA7B,EAAAC,kBAAkBX,Q,8BAC3E,IAAM,C,yEAuBpB,G,UAAA,CACbY,QAAS,WACPC,KAAKC,mBAAqB,IAAI,OAAMD,KAAKE,MAAMD,qBAEjD,OACE,MAAO,CACHpB,aAAc,GACdS,oBAAqB,GACrBQ,kBAAmB,GACnBpB,WAAY,GACZyB,sBAAsB,EACtBC,mBAAoB,EACpBT,SAAS,IAGfU,QAAS,CACP,OACEL,KAAKC,mBAAmBK,QAE1B,OACEN,KAAKtB,WAAa,GAClBsB,KAAKnB,aAAe,GACpBmB,KAAKV,oBAAsB,GAC3BU,KAAKI,mBAAqB,EAE1BJ,KAAKC,mBAAmBM,QAE1B5B,mBAAoB,SAAU6B,GACV,KAAdA,EAAEC,UACkB,IAAnBT,KAAKtB,WACNsB,KAAKU,cAELV,KAAKW,SAAS,CACZ9E,KAAM,UACN+E,QAAS,gCAKjBF,YAAaG,iBACX,IACE,MAAM,KAAEjE,SAAekE,EAAA,KAAWC,MAChC,kCAAoCf,KAAKtB,YAGzB,GAAf9B,EAAKuC,QACJ,IAAK6B,KAAK,CACRC,KAAM,uBACNC,KAAM,UACNC,gBAAgB,EAChBC,kBAAmB,MACnBC,mBAAmB,EACnBC,YAAa,CACXC,cAAe,qBAKvBvB,KAAKnB,aAAejC,EAEpB,MAAO4E,GACPC,QAAQC,IAAIF,KAGhB,SAAS1C,GACPkB,KAAKI,mBAAqBtB,EAAS6C,WACnC3B,KAAK4B,yBAAyB5B,KAAKI,qBAErCwB,yBAA0Bf,eAAgBc,GACxC,IACE,MAAM,KAAE/E,SAAekE,EAAA,KAAWC,MAChC,yCAA2CY,GAG7C3B,KAAKV,oBAAsB1C,EAE3B,MAAO4E,GACPC,QAAQC,IAAIF,KAGhB5B,cAAeiB,iBAEb,MAAMgB,EAAc,GAEpB7B,KAAKF,kBAAkBgC,QAAQ,CAACC,EAAQhD,KACtC8C,EAAYG,KAAKD,EAAO,SAAW,IAAMA,EAAO,eAGlD,IACE,MAAM,KAAEnF,SAAekE,EAAA,KAAWmB,KAAK,yBAA0B,CAC/DC,YAAaL,EAAYM,KAAK,KAC9BC,WAAYpC,KAAKI,qBAGI,GAAnBxD,EAAK,WACP,IAAKoE,KAAK,CACRC,KAAMrE,EAAK,cACXsE,KAAM,UACNmB,kBAAkB,EAClBC,mBAAmB,EACnBjB,mBAAmB,EACnBkB,MAAO,OACNC,KAAK,KACNxC,KAAKM,OACLN,KAAKyC,MAAM,iBAEe,GAAnB7F,EAAK,WACd,IAAKoE,KAAK,CACRC,KAAMrE,EAAK,cACXsE,KAAM,UACNC,gBAAgB,EAChBC,kBAAmB,MACnBC,mBAAmB,EACnBC,YAAa,CACXC,cAAe,qBAEhBiB,KAAK,KACNf,QAAQC,IAAI,KAGdD,QAAQC,IAAI,SAEf,MAAMF,GACLC,QAAQC,IAAIF,KAIhB,eAAenE,IACO,IAAjBA,EAAIqF,UACL1C,KAAKE,MAAMyC,cAAcC,mBAAmBvF,IAGhD,sBAAsBwF,GAClB7C,KAAKF,kBAAoB+C,GAE7B,WAAWxF,EAAK0B,GACd,OAAqB,IAAjB1B,EAAIqF,a,UC9Sd,EAAOI,OAAS,EAED,Q,qBFsHA,GACbC,WAAY,CACVC,kBACAC,QAAA,KAEFlD,QAAS,WACP,eAA0B,oBAAqB,IAC/CC,KAAK7D,cAEPkE,QAAS,CACPlE,WAAY0E,iBACVb,KAAK/B,WAAY,EACjB,IACE,MAAM,KAAErB,SAAekE,EAAA,KAAWC,MAAM,WAAY,CAAEmC,OAAQ,CAAEC,OAAQnD,KAAK/D,OAAOC,UACpF8D,KAAKoD,YAAcxG,EACnB,MAAO4E,GACPC,QAAQC,IAAIF,GACZ,QACAxB,KAAK/B,WAAY,IAGrBP,aAAcmD,eAAgBwC,GAC5B,IACE,MAAM,KAAEzG,SAAekE,EAAA,KAAWmB,KAAK,yBAA0B,CAC/DqB,YAAaD,EAAE/F,YACfiG,gBAAiBF,EAAE9F,kBAGE,GAAnBX,EAAK,WACP,IAAKoE,KAAK,CACRC,KAAMrE,EAAK,cACXsE,KAAM,UACNmB,kBAAkB,EAClBC,mBAAmB,EACnBjB,mBAAmB,EACnBkB,MAAO,OACNC,KAAK,KACNxC,KAAK7D,eAEqB,GAAnBS,EAAK,WACd,IAAKoE,KAAK,CACRC,KAAMrE,EAAK,cACXsE,KAAM,UACNC,gBAAgB,EAChBC,kBAAmB,MACnBC,mBAAmB,EACnBC,YAAa,CACXC,cAAe,qBAEhBiB,KAAK,KACNf,QAAQC,IAAI,KAGdD,QAAQC,IAAI,SAEd,MAAOF,GACPC,QAAQC,IAAIF,KAGhB,mBAAmBlE,GACjB0C,KAAKwD,QAAQxB,KAAK,CAACxF,KAAM,QAAS0G,OAAQ,CAACO,gBAAiBnG,MAE9D,sBAAsBA,GACpB0C,KAAKwD,QAAQxB,KAAK,CAACxF,KAAM,oBAAsB0G,OAAQ,CAAE5F,YAAaA,MAExE,cAAcA,GAGZ0C,KAAKwD,QAAQxB,KAAK,CAACxF,KAAM,cAAe0G,OAAQ,CAACO,gBAAiBnG,MAEpE,oBAAoBA,GAClB0C,KAAKwD,QAAQxB,KAAK,CAACxF,KAAM,kBAAoB0G,OAAQ,CAAE5F,YAAaA,MAEtE,kBACE0C,KAAKE,MAAMvD,gBAAgB4D,QAE7B,mBAAmBjD,GACjB0C,KAAKwD,QAAQxB,KAAK,CAAExF,KAAM,QAASuE,MAAO,CAAE2C,YAAapG,MAE3D,SAAQ,QAACqG,EAAO,KAAE/G,IAChB,MAAMgH,EAAO,GAMX,OALFD,EAAQ7B,QAAQ,CAAC+B,EAAK9E,KACP,IAAVA,IACD6E,EAAK7E,GAASnC,EAAKuC,OAAS,aAGvByE,IAGb,OACE,MAAO,CACL9H,OAAQ,GACRgB,aAAcgH,OAAOC,YAAc,IACnClF,aAAc,GACduE,YAAa,GACbnF,WAAW,EACX/B,OAAQ,CACN,CAAEI,MAAO,UAAWE,KAAM,WAC1B,CAAEF,MAAO,SAAUE,KAAM,UACzB,CAAEF,MAAO,YAAaE,KAAM,cAE9BP,OAAQ,CACNC,OAAQ,a,UG9NhB,EAAO4G,OAASA,EAED,gB,kFCPf,gGAQO,MAAMkB,EAA4B,CACvCC,EACAC,KAEA,OAAMC,SAAS,OAAQC,sBAAuB,CAC5CC,MAAOJ,EACPK,mBAAoBJ,KAQXK,EAAuBF,IAClC,OAAMF,SAAS,OAAQC,sBAAuB,CAC5CC,MAAOA","file":"js/chunk-49e52964.625713ae.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AddPartnerModal.vue?vue&type=style&index=0&id=2a3b22c2&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SetPartner.vue?vue&type=style&index=0&id=0a59c84a&lang=css\"","<style>\n.card .card-header {\n  padding: 0 1rem;\n}\n\n.card .card-body {\n  padding: 1rem 1rem;\n}\n\n.el-radio-button__inner{\n  width: 100px;\n}\n</style>\n\n<template>\n  <div class=\"card\">\n    <div class=\"card-header\">\n      <div class=\"card-title\">\n        <div class=\"d-flex align-items-center position-relative my-1\">\n          <span class=\"svg-icon svg-icon-1 position-absolute ms-6\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n            >\n              <rect\n                opacity=\"0.5\"\n                x=\"17.0365\"\n                y=\"15.1223\"\n                width=\"8.15546\"\n                height=\"2\"\n                rx=\"1\"\n                transform=\"rotate(45 17.0365 15.1223)\"\n                fill=\"black\"\n              />\n              <path\n                d=\"M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z\"\n                fill=\"black\"\n              />\n            </svg>\n          </span>\n          <input\n            type=\"text\"\n            v-model=\"search\"\n            data-kt-customer-table-filter=\"search\"\n            class=\"form-control form-control-solid w-250px ps-15\"\n            placeholder=\"ค้นหา\"\n          />\n          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n          <el-radio-group v-model=\"filter.status\" @change=\"getPartner\">\n            <el-radio-button v-for=\"s in status\" :key=\"s.value\" :label=\"s.name\"></el-radio-button>\n          </el-radio-group>          \n        </div>\n      </div>\n      <div class=\"card-toolbar\">\n        <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#kt_modal_add_customer\" @click=\"addPartnerModal()\">เพิ่มพาร์ทเนอร์ใหม่</button>\n      </div>\n    </div>\n    <div class=\"card-body\">\n      <el-table\n        :data=\"\n          partnerList.filter(\n            (data) =>\n              !search ||\n              data.partnerCode.toLowerCase().includes(search.toLowerCase()) ||\n              data.partnerName.toLowerCase().includes(search.toLowerCase()) ||\n              data.partnerTel.toLowerCase().includes(search.toLowerCase())\n          )\n        \"\n        style=\"width: 100%\"\n        :height=\"windowHeight\"\n        show-summary\n        :summary-method=\"summary\"         \n      >\n        <el-table-column prop=\"customerCode\" label=\"รหัส\" width=\"150\">\n          <template v-slot=\"scope\">\n            <span\n              style=\"color: #009ef7; font-weight: bold; cursor: pointer\"\n              @click=\"callManageMentRole(scope.row.partnerCode)\"\n              >{{ scope.row.partnerCode }}</span\n            >\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"partnerName\" label=\"ชื่อ\" > </el-table-column>\n        <el-table-column prop=\"partnerTel\" label=\"เบอร์โทรศัพท์\" width=\"150\" >\n        </el-table-column>\n        <el-table-column prop=\"isPartner\" label=\"ใช้งาน\" width=\"100\">\n          <template v-slot=\"scope\">\n            <el-switch\n              v-model=\"scope.row.partnerIsActive\"\n              active-color=\"#13ce66\"\n              inactive-color=\"#b7b8bb\"\n              @change=\"changeStatus(scope.row)\"\n            >\n            </el-switch>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"\" label=\"\" align=\"center\">\n          <template v-slot=\"scope\">\n            <el-button @click=\"toPartnerView(scope.row.partnerCode)\">เลือก</el-button>\n            <el-button @click=\"callSetProductPartner(scope.row.partnerCode)\">กำหนดสินค้า</el-button>\n            <el-button @click=\"callProductPartner(scope.row.partnerCode)\">สต๊อก</el-button>\n            <!-- <el-button @click=\"callCustomerPartner(scope.row.partnerCode)\">ลูกค้า</el-button> -->\n          </template>          \n        </el-table-column>            \n      </el-table>\n    </div>\n    <add-partner-modal ref=\"addPartnerModal\" @refreshdata=\"getPartner\"></add-partner-modal>\n    <loading \n      v-model:active=\"isLoading\"\n      loader=\"dots\" \n      :is-full-page=\"false\"/>  \n  </div>\n</template>\n\n<script>\nimport ApiService from \"@/core/services/ApiService\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\nimport AddPartnerModal from \"@/components/modals/forms/AddPartnerModal\";\nimport Loading from 'vue-loading-overlay';\n\n\nexport default {\n  components: {\n    AddPartnerModal,\n    Loading,\n  },    \n  mounted: function () {\n    setCurrentPageBreadcrumbs(\"ทะเบียนพาร์ทเนอร์\", []);\n    this.getPartner();\n  },\n  methods: {\n    getPartner: async function () {\n      this.isLoading = true;\n      try {\n        const { data } = await ApiService.query(\"partners\", { params: { Status: this.filter.status }});\n        this.partnerList = data;\n      } catch (error) {\n        console.log(error);\n      } finally {\n        this.isLoading = false;\n      }\n    },    \n    changeStatus: async function (v) {\n      try {\n        const { data } = await ApiService.post(\"partners/ActivePartner\", {\n          PartnerCode: v.partnerCode,\n          PartnerIsActive: v.partnerIsActive,\n        });\n\n        if (data[\"success\"] == 1) {\n          Swal.fire({\n            text: data[\"error_Text\"],\n            icon: \"success\",\n            showCancelButton: false,\n            showConfirmButton: false,                  \n            allowOutsideClick: false,\n            timer: 1500,\n          }).then(() => {\n            this.getPartner();\n          });\n        } else if (data[\"success\"] == 0) {\n          Swal.fire({\n            text: data[\"error_Text\"],\n            icon: \"warning\",\n            buttonsStyling: false,\n            confirmButtonText: \"ปิด\",\n            allowOutsideClick: false,\n            customClass: {\n              confirmButton: \"btn btn-primary\",\n            },\n          }).then(() => {\n            console.log(1);\n          });\n        } else {\n          console.log(\"error\");\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    callProductPartner(partnerCode){\n      this.$router.push({name: \"stock\", params: {basePartnerCode: partnerCode}})\n    },\n    callSetProductPartner(partnerCode){\n      this.$router.push({name: \"setProductPartner\" , params: { partnerCode: partnerCode } })\n    },  \n    toPartnerView(partnerCode)\n    {\n      // window.location = \"/partners/\" + partnerCode\n      this.$router.push({name: \"partnerView\", params: {basePartnerCode: partnerCode}})\n    },\n    callCustomerPartner(partnerCode){\n      this.$router.push({name: \"partnerCustomer\" , params: { partnerCode: partnerCode } })\n    },      \n    addPartnerModal(){\n      this.$refs.addPartnerModal.show();\n    },\n    callManageMentRole(partnerCode){\n      this.$router.push({ name: \"roles\", query: { partnercode: partnerCode } });\n    },\n    summary({columns, data}) {\n      const sums = [];\n      columns.forEach((col, index) => {\n        if(index === 0) {\n          sums[index] = data.length + ' รายการ';\n        }\n      })    \n        return sums;\n    },    \n  },\n  data() {\n    return {\n      search: \"\",\n      windowHeight: window.innerHeight - 250,\n      customerList: [],\n      partnerList: [],\n      isLoading: false,\n      status: [\n        { value: \"ทั้งหมด\", name: 'ทั้งหมด'},\n        { value: \"ใช้งาน\", name: 'ใช้งาน'},\n        { value: \"ไม่ใช้งาน\", name: 'ไม่ใช้งาน'},\n      ],    \n      filter: {\n        status: 'ใช้งาน'\n      },        \n    };\n  },\n};\n</script>\n","<style>\r\n.list-group-item.active{\r\n    background-color: #92929245;\r\n    border-color: #92929245;\r\n}\r\n</style>\r\n\r\n<template>\r\n  <div>\r\n    <div\r\n      class=\"modal fade\"\r\n      id=\"kt_modal_view_users\"\r\n      tabindex=\"-1\"\r\n      aria-hidden=\"true\"\r\n      ref=\"addPartnerModalRef\"\r\n    >\r\n      <!--begin::Modal dialog-->\r\n      <div class=\"modal-dialog modal-dialog-centered mw-1000px\">\r\n        <!--begin::Modal content-->\r\n        <div class=\"modal-content\">\r\n          <!--begin::Modal header-->\r\n          <div class=\"modal-header border-0 justify-content-between\" style=\"min-height: 62px; padding: 0 1rem\">\r\n            <!--begin::Close-->\r\n            <h1 class=\"modal-title\">เพิ่มพาร์ทเนอร์ใหม่</h1>\r\n            <div\r\n              class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n              data-bs-dismiss=\"modal\"\r\n            >\r\n              <span class=\"svg-icon svg-icon-1\">\r\n                <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n              </span>\r\n            </div>\r\n            <!--end::Close-->\r\n          </div>\r\n          <!--begin::Modal header-->\r\n\r\n          <!--begin::Modal body-->\r\n          <div class=\"modal-body py-0\">\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-4\" style=\"border-right: 1px solid #92929245;\">\r\n                  \r\n                    <el-input\r\n                      placeholder=\"ค้นหา (Enter)\"\r\n                      prefix-icon=\"bi bi-search fs-4 ps-1 \"\r\n                      v-model=\"searchText\"\r\n                      @keypress=\"getCustomerByEnter\"\r\n                      clearable\r\n                    >\r\n                    </el-input>\r\n\r\n                  <div class=\"scroll-y h-375px\">\r\n                    <!--begin::List-->\r\n\r\n                    <div class=\"list-group list-group-flush list-group-item-action\">\r\n                      <div\r\n                        v-for=\"(customer, index) in customerList\"\r\n                        :key=\"index\"\r\n                        class=\"list-group-item list-group-item-action\"\r\n                        :class=\"{\r\n                        'active':\r\n                          selectedCustomerID == customer.customerID,\r\n                      }\"\r\n                        style=\"cursor: pointer\"\r\n                        @click=\"() => onSelect(customer)\"\r\n                      >\r\n                        <!--begin::User-->\r\n                        <div class=\"d-flex flex-stack py-3\">\r\n                          <!--begin::Details-->\r\n                          <div class=\"d-flex align-items-center\">\r\n                            <!--begin::Avatar-->\r\n\r\n                            <!--end::Avatar-->\r\n\r\n                            <!--begin::Details-->\r\n                            <div>\r\n                              <!--begin::Name-->\r\n                              <a\r\n                                style=\"cursor: pointer\"\r\n                                class=\"\r\n                                  d-flex\r\n                                  align-items-center\r\n                                  fs-5\r\n                                  fw-bolder\r\n                                  text-dark text-hover-primary\r\n                                \"\r\n                              >\r\n                                {{ customer.customerName }} ( {{ customer.customerCode }} )\r\n                              </a>\r\n                              <!--end::Name-->\r\n\r\n                            </div>\r\n                            <!--end::Details-->\r\n                          </div>\r\n                          <!--end::Details-->\r\n\r\n                          <!--end::Stats-->\r\n                        </div>\r\n                        <!--end::User-->\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!--end::List-->\r\n      \r\n                <div class=\"text-center p-10\" v-if=\"customerList.length == 0\">\r\n                <p class=\"fs-4 fw-bolder text-gray-500 mb-10\">\r\n                    ไม่มีข้อมูล\r\n                </p>\r\n                </div>      \r\n  \r\n            </div>\r\n                </div>\r\n                <div class=\"col-8\">\r\n                  <div class=\"mb-10\">\r\n                  <el-table\r\n                    ref=\"multipleTable\"\r\n                    v-loading=\"loading\"\r\n                    element-loading-text=\"Loading\"\r\n                    element-loading-spinner=\"el-icon-loading\"\r\n                    :data=\"customerContactList\"\r\n                    style=\"width: 100%; cursor: pointer\"\r\n                    empty-text=\"ไม่มีข้อมูล\"\r\n                    @row-click=\"handleRowClick\"\r\n                    @selection-change=\"handleSelectionChange\"\r\n                  >\r\n                    <el-table-column\r\n                      :selectable=\"selectable\"\r\n                      type=\"selection\"\r\n                      width=\"55\"\r\n                      align=\"center\"\r\n                    ></el-table-column>\r\n                    <el-table-column\r\n                      prop=\"cclName\"\r\n                      label=\"ชื่อ-สกุล\"  \r\n                      width=\"150\"             \r\n                    ></el-table-column>\r\n                    <el-table-column\r\n                      prop=\"cclEmail\"\r\n                      label=\"อีเมล\"\r\n                    ></el-table-column>\r\n                    <el-table-column\r\n                      prop=\"cclMobile\"\r\n                      label=\"เบอร์โทร\"\r\n                      width=\"120\"\r\n                    ></el-table-column>\r\n                  </el-table>\r\n                  <div style=\"text-align: center; margin-top: 10px;\">\r\n                          <el-button type=\"primary\" @click=\"createPartner\" :disabled=\"multipleSelection.length === 0\"\r\n                            >บันทึก</el-button\r\n                          >                  \r\n                  </div>\r\n                  </div>            \r\n                </div>\r\n              </div>            \r\n\r\n          </div>\r\n          <!--end::Modal body-->          \r\n        </div>\r\n        <!--end::Modal content-->\r\n      </div>\r\n      <!--end::Modal dialog-->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { Modal } from \"bootstrap\";\r\nimport {role} from '@/helpers/role'\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\n\r\nexport default {\r\n  mounted: function () {\r\n    this.addPartnerModalRef = new Modal(this.$refs.addPartnerModalRef);\r\n  },  \r\n  data() {\r\n    return {\r\n        customerList: [],\r\n        customerContactList: [],\r\n        multipleSelection: [],\r\n        searchText: \"\",\r\n        btnAddPartnerLoading: false,\r\n        selectedCustomerID: 0,      \r\n        loading: false,\r\n    };\r\n  },\r\n  methods: {\r\n    hide() {\r\n      this.addPartnerModalRef.hide();\r\n    },\r\n    show() {\r\n      this.searchText = \"\";\r\n      this.customerList = [];\r\n      this.customerContactList = [];\r\n      this.selectedCustomerID = 0;\r\n      // this.$refs['dynamicValidateForm'].resetFields();\r\n      this.addPartnerModalRef.show();\r\n    },\r\n    getCustomerByEnter: function (e) {\r\n      if (e.keyCode === 13) {\r\n        if(this.searchText != \"\"){\r\n          this.getCustomer();\r\n        }else{\r\n          this.$message({\r\n            type: \"warning\",\r\n            message: \"กรุณากรอกข้อมูลเพื่อค้นหา\",\r\n          });\r\n        }\r\n      }\r\n    },  \r\n    getCustomer: async function () {\r\n      try {\r\n        const { data } = await ApiService.query(\r\n          \"customers/GetCustomerByKey?Key=\" + this.searchText\r\n        );\r\n\r\n        if(data.length == 0 ){\r\n            Swal.fire({\r\n              text: \"ไม่พบรายชื่อที่ค้นหา\",\r\n              icon: \"warning\",\r\n              buttonsStyling: false,\r\n              confirmButtonText: \"ปิด\",\r\n              allowOutsideClick: false,\r\n              customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n              }, \r\n            });        \r\n        }\r\n\r\n        this.customerList = data;\r\n\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    onSelect(customer){\r\n      this.selectedCustomerID = customer.customerID;\r\n      this.getCustomerContactsLists(this.selectedCustomerID);\r\n    },\r\n    getCustomerContactsLists: async function (customerID) {\r\n      try {\r\n        const { data } = await ApiService.query(\r\n          \"customers/GetCustomerContactsLists?ID=\" + customerID\r\n        );\r\n\r\n        this.customerContactList = data;\r\n\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },      \r\n    createPartner: async function (){\r\n  \r\n      const partnerData = [];\r\n\r\n      this.multipleSelection.forEach((column, index) => {\r\n        partnerData.push(column[\"cclid\"] + \"|\" + column[\"cclEmail\"]);\r\n      });      \r\n\r\n      try{\r\n        const { data } = await ApiService.post(\"partners/CreatePartner\", {\r\n          PartnerData: partnerData.join(\",\"),\r\n          CustomerID: this.selectedCustomerID,\r\n        });\r\n\r\n        if (data[\"success\"] == 1) {\r\n          Swal.fire({\r\n            text: data[\"error_Text\"],\r\n            icon: \"success\",\r\n            showCancelButton: false,\r\n            showConfirmButton: false,                  \r\n            allowOutsideClick: false,\r\n            timer: 1500,\r\n          }).then(() => {\r\n            this.hide();\r\n            this.$emit(\"refreshdata\");\r\n          });\r\n        } else if (data[\"success\"] == 0) {\r\n          Swal.fire({\r\n            text: data[\"error_Text\"],\r\n            icon: \"warning\",\r\n            buttonsStyling: false,\r\n            confirmButtonText: \"ปิด\",\r\n            allowOutsideClick: false,\r\n            customClass: {\r\n              confirmButton: \"btn btn-primary\",\r\n            },\r\n          }).then(() => {\r\n            console.log(1);\r\n          });\r\n        } else {\r\n          console.log(\"error\");\r\n        }        \r\n      }catch(error){\r\n        console.log(error);\r\n      }\r\n\r\n    },\r\n    handleRowClick(row) {\r\n      if(row.isActive === false){\r\n        this.$refs.multipleTable.toggleRowSelection(row);\r\n      }\r\n    },\r\n    handleSelectionChange(val) {\r\n        this.multipleSelection = val;\r\n    },    \r\n    selectable(row, index) {\r\n      if (row.isActive === false) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },        \r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./AddPartnerModal.vue?vue&type=template&id=2a3b22c2\"\nimport script from \"./AddPartnerModal.vue?vue&type=script&lang=js\"\nexport * from \"./AddPartnerModal.vue?vue&type=script&lang=js\"\n\nimport \"./AddPartnerModal.vue?vue&type=style&index=0&id=2a3b22c2&lang=css\"\nscript.render = render\n\nexport default script","import { render } from \"./SetPartner.vue?vue&type=template&id=0a59c84a\"\nimport script from \"./SetPartner.vue?vue&type=script&lang=js\"\nexport * from \"./SetPartner.vue?vue&type=script&lang=js\"\n\nimport \"./SetPartner.vue?vue&type=style&index=0&id=0a59c84a&lang=css\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} pageTitle Current page title\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\n */\nexport const setCurrentPageBreadcrumbs = (\n  pageTitle: string,\n  breadcrumbs: Array<string>\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: pageTitle,\n    pageBreadcrumbPath: breadcrumbs,\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title,\n  });\n};\n"],"sourceRoot":""}