{"version":3,"sources":["webpack:///./src/views/CourseBook.vue?4377","webpack:///./src/views/CourseBook.vue?2575","webpack:///./src/views/CourseBook.vue?73d2","webpack:///./src/views/CourseBook.vue?2cd1","webpack:///./src/views/CourseBook.vue","webpack:///src/views/CourseBook.vue","webpack:///./src/views/CourseBook.vue?2cde","webpack:///./src/views/CourseBook.vue?0483","webpack:///./src/views/CourseBook.vue?43da","webpack:///./src/views/CourseBook.vue?f021"],"names":["___CSS_LOADER_API_IMPORT___","exports","push","module","i","content","__esModule","default","locals","add","render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","configs","loading","expression","modifiers","attrs","act","_e","_v","_s","courseData","balance","LMAT_Class","class","LMAT_ClassName","LMIT_Name_1000","LMIT_Name_2000","LMIT_STime","substr","LMIT_ETime","LMIT_Place","LMIT_Lecturer","LMIT_LecturerEmail","LMIT_Emcee","LMIT_Contact","LMIT_ContactEmail","domProps","LMIT_Description_1000","LMIT_Description_2000","roles","join","includes","rolesDetail","length","staticStyle","LMIT_Rule","LMIT_BSTime","LMIT_BETime","user","isLogin","chkRole","ref","userRules","model","email","callback","$$v","$set","phone","trim","absent","_l","Logs","log","key","index","LockPeriod","ReviveDate","chkCourse","bookingMsg","on","go2CourseLs","submitRegister","_m","canComment","submitted","score","minRows","maxRows","feedback","submitFeeback","staticRenderFns","data","id","sdrgValue","sdrgText","statusText","validator","trigger","LMIT_ID","created","mounted","watch","methods","getCourseInfo","vm","ID","then","XEUtils","getFeedbackList","params","Acpd_ID","updateBookingFeedback","fullscreenLoading","lock","text","background","Score","Feedback","type","message","confirmButtonText","cancelButtonText","dangerouslyUseHTMLString","catch","checkBooking","Acpd_Class","ExcludedMember","ExcludedDetail","bookCourse","Name","Email","Phone","SdrgValue","SdrgText","window","component"],"mappings":"qGACA,IAAIA,EAA8B,EAAQ,QAC1CC,EAAUD,GAA4B,GAEtCC,EAAQC,KAAK,CAACC,EAAOC,EAAI,2qDAA4qD,KAErsDD,EAAOF,QAAUA,G,uBCHjB,IAAII,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACF,EAAOC,EAAIC,EAAS,MAC7DA,EAAQG,SAAQL,EAAOF,QAAUI,EAAQG,QAE5C,IAAIC,EAAM,EAAQ,QAA+DF,QACpEE,EAAI,WAAYJ,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,kCCT5E,W,kCCAA,W,uFCAIK,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,4BAA4BC,MAAOR,EAAIS,QAAQC,QAASC,WAAW,kBAAkBC,UAAU,CAAC,YAAa,EAAK,MAAO,KAAQR,YAAY,WAAWS,MAAM,CAAC,uBAAuB,aAAa,6BAA6B,6BAA6B,CAACX,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAAGJ,EAAIc,KAAmB,SAAZd,EAAIc,IAA4Pd,EAAIe,KAAhPb,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIgB,GAAG,QAAQd,EAAG,OAAO,CAACE,YAAY,eAAe,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,WAAWC,YAAYjB,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIgB,GAAG,WAAoBd,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWE,WAAYT,WAAW,4BAA4BP,YAAY,aAAaiB,MAAoC,SAA9BrB,EAAIkB,WAAWE,WACh3B,gBAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,YAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,cAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,aAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,aAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,aAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,cAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,gBAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,eAC8B,SAA9BpB,EAAIkB,WAAWE,WACf,eACA,IAAI,CAACpB,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIkB,WAAWI,gBAAgB,OAAOpB,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,WAAWK,mBAAmBrB,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWM,eAAgBb,WAAW,gCAAgCP,YAAY,wBAAwB,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,WAAWM,mBAAmBtB,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAAEJ,EAAIkB,WAAWO,WAAYvB,EAAG,OAAO,CAACF,EAAIgB,GAAG,UAAUhB,EAAIiB,GAAGjB,EAAIkB,WAAWO,WAAWC,OAAO,EAAG,KAAK,KAAKxB,EAAG,QAAQF,EAAIe,KAAMf,EAAIkB,WAAWO,YAAczB,EAAIkB,WAAWS,WAAYzB,EAAG,OAAO,CAACF,EAAIgB,GAAG,UAAUhB,EAAIiB,GAAGjB,EAAIkB,WAAWO,WAAWC,OAAO,KAAK,MAAM1B,EAAIiB,GAAGjB,EAAIkB,WAAWS,WAAWD,OAAO,KAAK,KAAKxB,EAAG,QAAQF,EAAIe,KAAKb,EAAG,OAAO,CAACF,EAAIgB,GAAG,UAAUhB,EAAIiB,GAAGjB,EAAIkB,WAAWU,YAAY,KAAK1B,EAAG,QAAQA,EAAG,OAAO,CAACF,EAAIgB,GAAG,SAAShB,EAAIiB,GAAGjB,EAAIkB,WAAWW,eAAe,KAAK3B,EAAG,QAAQA,EAAG,OAAO,CAACF,EAAIgB,GAAG,cAAchB,EAAIiB,GAAGjB,EAAIkB,WAAWY,oBAAoB,KAAK5B,EAAG,QAAQA,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWa,WAAYpB,WAAW,6BAA6B,CAACX,EAAIgB,GAAG,WAAWhB,EAAIiB,GAAGjB,EAAIkB,WAAWa,YAAY,KAAK7B,EAAG,QAAQA,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWc,aAAcrB,WAAW,+BAA+B,CAACX,EAAIgB,GAAG,WAAWhB,EAAIiB,GAAGjB,EAAIkB,WAAWc,cAAc,KAAK9B,EAAG,QAAQA,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWe,kBAAmBtB,WAAW,oCAAoC,CAACX,EAAIgB,GAAG,cAAchB,EAAIiB,GAAGjB,EAAIkB,WAAWe,mBAAmB,KAAK/B,EAAG,QAAQF,EAAIgB,GAAG,UAAUd,EAAG,MAAMA,EAAG,MAAM,CAACgC,SAAS,CAAC,UAAYlC,EAAIiB,GAAGjB,EAAIkB,WAAWiB,0BAA0BjC,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWkB,sBAAuBzB,WAAW,uCAAuCuB,SAAS,CAAC,UAAYlC,EAAIiB,GAAGjB,EAAIkB,WAAWkB,0BAA2BpC,EAAIkB,WAAWmB,MAAOnC,EAAG,OAAO,CAACF,EAAIgB,GAAG,UAAUhB,EAAIiB,GAAGjB,EAAIkB,WAAWmB,MAAMC,KAAK,MAAM,KAAMtC,EAAIkB,WAAWmB,MAAME,SAAS,QAAUvC,EAAIkB,WAAWsB,YAAYC,OAAS,EAAGvC,EAAG,MAAM,CAACwC,YAAY,CAAC,cAAc,OAAO,YAAY,SAAS,CAACxC,EAAG,IAAI,CAACF,EAAIgB,GAAG,SAAShB,EAAIgB,GAAG,QAAQd,EAAG,OAAO,CAACwC,YAAY,CAAC,MAAQ,QAAQ,CAAC1C,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIkB,WAAWsB,YAAYF,KAAK,MAAM,SAASpC,EAAG,QAAQF,EAAIe,KAAKb,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,QAASR,EAAIkB,WAAWyB,UAAWhC,WAAW,4BAA4B,CAACX,EAAIgB,GAAG,WAAWd,EAAG,MAAM,CAACwC,YAAY,CAAC,cAAc,QAAQR,SAAS,CAAC,UAAYlC,EAAIiB,GAAGjB,EAAIkB,WAAWyB,gBAAgBzC,EAAG,OAAO,CAACF,EAAIgB,GAAG,WAAWhB,EAAIiB,GAAGjB,EAAIkB,WAAW0B,aAAa,MAAM5C,EAAIiB,GAAGjB,EAAIkB,WAAW2B,aAAa,SAAW7C,EAAIc,KAAmB,SAAZd,EAAIc,IAAy1Ed,EAAIe,KAA70Eb,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAGJ,EAAI8C,KAAKC,QAA2N/C,EAAIgD,QAA29B9C,EAAG,MAAM,CAACA,EAAG,aAAa,CAACW,MAAM,CAAC,mBAAmB,UAAUX,EAAG,UAAU,CAAC+C,IAAI,OAAO7C,YAAY,qBAAqBS,MAAM,CAAC,MAAQb,EAAI8C,KAAK,MAAQ9C,EAAIkD,UAAU,cAAc,OAAO,yBAAyB,KAAK,CAAChD,EAAG,eAAe,CAACW,MAAM,CAAC,MAAQ,SAAS,KAAO,QAAQ,SAAW,KAAK,CAACX,EAAG,WAAW,CAACW,MAAM,CAAC,UAAY,IAAIsC,MAAM,CAAC3C,MAAOR,EAAI8C,KAAKM,MAAOC,SAAS,SAAUC,GAAMtD,EAAIuD,KAAKvD,EAAI8C,KAAM,QAASQ,IAAM3C,WAAW,iBAAiB,GAAGT,EAAG,eAAe,CAACW,MAAM,CAAC,MAAQ,QAAQ,KAAO,QAAQ,SAAW,KAAK,CAACX,EAAG,WAAW,CAACW,MAAM,CAAC,UAAY,GAAG,YAAc,gCAAgCsC,MAAM,CAAC3C,MAAOR,EAAI8C,KAAKU,MAAOH,SAAS,SAAUC,GAAMtD,EAAIuD,KAAKvD,EAAI8C,KAAM,QAAyB,kBAARQ,EAAkBA,EAAIG,OAAQH,IAAO3C,WAAW,iBAAiB,IAAI,IAAI,GAAvtDT,EAAG,MAAM,CAAIF,EAAI8C,KAAKY,OAAQxD,EAAG,MAAM,CAACA,EAAG,IAAI,CAACwC,YAAY,CAAC,MAAQ,QAAQ,CAAC1C,EAAIgB,GAAG,wCAAwCd,EAAG,MAAM,CAACW,MAAM,CAAC,GAAK,eAAe,CAACX,EAAG,KAAK,CAACF,EAAIgB,GAAG,gBAAgBd,EAAG,KAAKF,EAAI2D,GAAI3D,EAAI8C,KAAKY,OAAOE,MAAM,SAASC,GAAK,OAAO3D,EAAG,KAAK,CAAC4D,IAAID,EAAIE,OAAO,CAAC/D,EAAIgB,GAAGhB,EAAIiB,GAAG4C,SAAU,KAAK3D,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQsC,YAAY,CAAC,MAAQ,eAAe,CAAC1C,EAAIgB,GAAG,eAAed,EAAG,MAAM,CAACE,YAAY,SAASsC,YAAY,CAAC,cAAc,OAAO,MAAQ,eAAe,CAAC1C,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAI8C,KAAKY,OAAOM,YAAY,OAAO9D,EAAG,MAAM,CAACE,YAAY,QAAQsC,YAAY,CAAC,MAAQ,UAAU,CAAC1C,EAAIgB,GAAG,eAAed,EAAG,MAAM,CAACE,YAAY,SAASsC,YAAY,CAAC,cAAc,OAAO,MAAQ,UAAU,CAAC1C,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAI8C,KAAKY,OAAOO,YAAY,WAAWjE,EAAIe,KAAKb,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOR,EAAIkE,UAAWvD,WAAW,cAAc+B,YAAY,CAAC,MAAQ,OAAOR,SAAS,CAAC,UAAYlC,EAAIiB,GAAGjB,EAAImE,iBAAhqCjE,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOR,EAAIkE,UAAWvD,WAAW,cAAc+B,YAAY,CAAC,MAAQ,MAAM,OAAS,gBAAgB,QAAU,kBAAkB,CAAC1C,EAAIgB,GAAG,oBAA6vDd,EAAG,MAAM,CAACA,EAAG,YAAY,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAO,EAAOG,WAAW,UAAUP,YAAY,UAAUgE,GAAG,CAAC,MAAQpE,EAAIqE,cAAc,CAACrE,EAAIgB,GAAG,UAAWhB,EAAIkE,WAAalE,EAAIgD,SAAWhD,EAAI8C,KAAKC,QAAS7C,EAAG,YAAY,CAACE,YAAY,iBAAiBgE,GAAG,CAAC,MAAQpE,EAAIsE,iBAAiB,CAACtE,EAAIgB,GAAG,YAAYhB,EAAIe,MAAM,OAAkBf,EAAIc,KAAmB,SAAZd,EAAIc,IAAgFd,EAAIe,KAApEb,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACJ,EAAIuE,GAAG,KAAevE,EAAIc,KAAmB,SAAZd,EAAIc,KAAkBd,EAAI8C,KAAKC,SAAW/C,EAAIwE,WAAYtE,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACJ,EAAIuE,GAAG,GAAGrE,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAK,CAACF,EAAIgB,GAAG,WAAWd,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIgB,GAAG,SAASd,EAAG,UAAU,CAACW,MAAM,CAAC,SAAWb,EAAIyE,WAAWtB,MAAM,CAAC3C,MAAOR,EAAI0E,MAAOrB,SAAS,SAAUC,GAAMtD,EAAI0E,MAAMpB,GAAK3C,WAAW,YAAY,GAAGT,EAAG,KAAK,CAACF,EAAIgB,GAAG,WAAWd,EAAG,WAAW,CAACW,MAAM,CAAC,YAAc,aAAa,KAAO,WAAW,OAAS,OAAO,SAAW,CAAE8D,QAAS,EAAGC,QAAS,GAAI,SAAW5E,EAAIyE,WAAWtB,MAAM,CAAC3C,MAAOR,EAAI6E,SAAUxB,SAAS,SAAUC,GAAMtD,EAAI6E,SAASvB,GAAK3C,WAAW,eAAe,GAAKX,EAAIyE,UAA8JzE,EAAIe,KAAvJb,EAAG,KAAK,CAACwC,YAAY,CAAC,aAAa,WAAW,CAACxC,EAAG,YAAY,CAACE,YAAY,kBAAkBgE,GAAG,CAAC,MAAQpE,EAAI8E,gBAAgB,CAAC9E,EAAIgB,GAAG,WAAW,WAAoBhB,EAAIe,UAE5/LgE,EAAkB,CAAC,WAAY,IAAI/E,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACW,MAAM,CAAC,IAAM,0CAA0C,IAAM,QAAQX,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAK,CAACF,EAAIgB,GAAG,eAAed,EAAG,IAAI,CAACF,EAAIgB,GAAG,mCAAmCd,EAAG,IAAI,CAACF,EAAIgB,GAAG,yCAAyCd,EAAG,IAAI,CAACF,EAAIgB,GAAG,mCAAmCd,EAAG,IAAI,CAACF,EAAIgB,GAAG,8DAC9e,WAAY,IAAIhB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACW,MAAM,CAAC,IAAM,0CAA0C,IAAM,U,2FCqNzK,GACfP,kBAEA0E,gBACA,OACAvE,SACAC,YAEAoC,MACAC,WACAkC,MACA3E,QACAe,SACA+B,SACAI,SACA0B,aACAC,YACAC,cACA1B,aAEAR,WACAE,QAAAiC,iBAAAC,iBACA9B,QAAA6B,iBAAAC,kBAEAC,6BACArE,cACAwD,QACAG,YACA/D,SACA0D,cACAC,aACAP,aACAlB,WACAmB,gBAIAqB,mBACA,+BACA,sBAGAC,qBAEAC,OACA,uCACA,SACA,qBAEA,qBAEA,sCACA,kBACA,uBAKAC,SACAC,cADA,WACA,iKACAC,EAAA,EACAA,qBAFA,SAGAD,gBAAAE,eACAC,MAAA,YACA,iCACAF,wBACAG,2CACA,8BACA,gBACAH,kCAIA,yGACA,mEACAA,oCACAA,gBACA,mEACAA,sCACAA,gBACA,yBACAA,oBACAA,iBAEAA,gBACAA,gBAIAA,sEAGAE,MAAA,WACAF,uDACA,GACAA,uDACAA,iCAEA,iCAGAA,2BA1CA,8CA+CAI,gBAhDA,WAgDA,mKACAJ,EAAA,EACAA,qBACAK,EAAA,CACAC,kBACAZ,mBALA,SAOAU,kBACAF,MAAA,YACA,8BACAF,gBACAA,sDACAA,4CACAA,uDAMAA,mBAGAE,MAAA,WACAF,wBAvBA,8CA2BAO,sBA3EA,WA2EA,qKACAP,EAAA,EACAQ,EAAAR,YACAS,QACAC,yBACAC,wCAEAN,EAAA,CACAC,kBACAZ,kBACAkB,cACAC,qBAXA,SAaAN,oCACA,aACAP,YACAc,eACAC,gBAEAf,gCACAgB,uBACAC,sBACAH,YACAI,8BAEAhB,MAAA,WACAF,+BAEAmB,OAAA,WACAnB,wBAGAQ,aAhCA,8CAoCAvB,cA/GA,WA+GA,WACA,oCACA+B,uBACAC,sBACAH,YACAI,8BACAhB,MAAA,WACA,8BAIAkB,aA1HA,WA0HA,mKACApB,EAAA,EACAK,EAAA,CACAC,kBACAe,wBACA3B,6BACA4B,2CACAC,4CAPA,SASAH,oCACApB,mBACAA,4BACAA,mCACAA,iCACAA,qCACAA,gCAfA,8CAmBAwB,WA7IA,WA6IA,qKACAxB,EAAA,EACAQ,EAAAR,YACAS,QACAC,wBACAC,wCAEAN,EAAA,CACAC,kBACAZ,6BACA2B,wBACAI,iBACAC,mBACAC,mBACAC,2BACAC,0BAfA,SAiBAL,kBACAtB,MAAA,YACA,YACAF,YAAAc,eAAAC,cAAAG,iCAGAhB,MAAA,WACAM,aAxBA,8CA4BA/B,eAzKA,WA0KA,WACAuB,sCACA,GACAA,gCACAA,0EAMAxB,YApLA,WAqLAsD,yBC3doV,I,kCCShVC,EAAY,eACd,EACA7H,EACAgF,GACA,EACA,KACA,WACA,MAIa,aAAA6C,E,gCCjBf,IAAIlI,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACF,EAAOC,EAAIC,EAAS,MAC7DA,EAAQG,SAAQL,EAAOF,QAAUI,EAAQG,QAE5C,IAAIC,EAAM,EAAQ,QAA+DF,QACpEE,EAAI,WAAYJ,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,qBCR5E,IAAIL,EAA8B,EAAQ,QAC1CC,EAAUD,GAA4B,GAEtCC,EAAQC,KAAK,CAACC,EAAOC,EAAI,iDAAkD,KAE3ED,EAAOF,QAAUA","file":"js/chunk-b9f28058.20b45c8e.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"[data-v-250f3a07] .el-pagination button{width:auto}.bottom[data-v-250f3a07]{margin-top:15px;padding-top:10px;border-top:1px solid #ccc}.bottom button[data-v-250f3a07]{width:auto;height:auto}[data-v-250f3a07] .class_content_text .el-form-item__label{font-size:18px;color:grey}[data-v-250f3a07] .class_content_text .el-form-item__content .el-input input{color:#212529;font-size:1rem;font-weight:400;line-height:1.5;border-radius:25px;border-color:#2d9698;height:35px}[data-v-250f3a07] .class_content_text .el-form-item__content .el-input input:focus{background-color:#fff;border-color:#86b7fe;-webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[data-v-250f3a07] .el-select .el-input .el-input__inner,[data-v-250f3a07] .el-select .el-input.is-focus .el-input__inner{font-size:1rem;color:#2d9698;border-color:#2d9698}[data-v-250f3a07] .submit-booking{background-color:#2d9698}[data-v-250f3a07] .submit-booking,[data-v-250f3a07] .submit-booking:hover{width:180px;height:38px;font-size:20px;padding:5px 50px;border-radius:25px;color:#fff}[data-v-250f3a07] .submit-booking:hover{background-color:#37b4b6}[data-v-250f3a07] .go-back{background-color:#ccc}[data-v-250f3a07] .go-back,[data-v-250f3a07] .go-back:hover{width:180px;height:38px;font-size:20px;padding:5px 50px;border-radius:25px;color:#fff}[data-v-250f3a07] .go-back:hover{background-color:hsla(0,0%,80%,.7333333333)}[data-v-250f3a07] .submit-feedback{background-color:#635095}[data-v-250f3a07] .submit-feedback,[data-v-250f3a07] .submit-feedback:hover{width:180px;height:38px;font-size:20px;padding:5px 50px;border-radius:25px;color:#fff}[data-v-250f3a07] .submit-feedback:hover{background-color:#7765a4}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=style&index=0&id=250f3a07&prod&scoped=true&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6bb81fc0\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=style&index=1&id=250f3a07&prod&lang=scss&\"","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=style&index=0&id=250f3a07&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"course-book\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading.fullscreen.lock\",value:(_vm.configs.loading),expression:\"configs.loading\",modifiers:{\"fullscreen\":true,\"lock\":true}}],staticClass:\"row mt-3\",attrs:{\"element-loading-text\":\"加載中，請稍候...\",\"element-loading-background\":\"rgba(255, 255, 255, 0.5)\"}},[_c('div',{staticClass:\"col-lg-12 class_content01\"},[(!_vm.act && _vm.act !== 'view')?_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"content_ntmtext\"},[_vm._v(\"尚有\")]),_c('span',{staticClass:\"content_num\"},[_vm._v(_vm._s(_vm.courseData.balance))]),_c('span',{staticClass:\"content_ntmtext\"},[_vm._v(\"個名額\")])]):_vm._e(),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMAT_Class),expression:\"!!courseData.LMAT_Class\"}],staticClass:\"card-title\",class:_vm.courseData.LMAT_Class === '1001'\n                        ? 'card_language' // 語文學習\n                        : _vm.courseData.LMAT_Class === '1002'\n                        ? 'card_tech' // 資訊科技\n                        : _vm.courseData.LMAT_Class === '1003'\n                        ? 'card_method' // 學習方法\n                        : _vm.courseData.LMAT_Class === '1004'\n                        ? 'card_basic' // 基礎科目輔導課\n                        : _vm.courseData.LMAT_Class === '1005'\n                        ? 'card_heart' // 心靈成長\n                        : _vm.courseData.LMAT_Class === '1006'\n                        ? 'card_paper' // 論文達人\n                        : _vm.courseData.LMAT_Class === '1007'\n                        ? 'card_career' // 職涯活動\n                        : _vm.courseData.LMAT_Class === '1010'\n                        ? 'card_workshop' // 校園活動(講座)\n                        : _vm.courseData.LMAT_Class === '1011'\n                        ? 'card_student' // 學生講師\n                        : _vm.courseData.LMAT_Class === '1012'\n                        ? 'card_meeting' // 教師請益時間\n                        : ''},[_vm._v(\" \"+_vm._s(_vm.courseData.LMAT_ClassName)+\" \")]),_c('p',{staticClass:\"card-text card_class\"},[_vm._v(_vm._s(_vm.courseData.LMIT_Name_1000))]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_Name_2000),expression:\"!!courseData.LMIT_Name_2000\"}],staticClass:\"card-text card_class\"},[_vm._v(_vm._s(_vm.courseData.LMIT_Name_2000))]),_c('div',{staticClass:\"class_content_text\"},[(_vm.courseData.LMIT_STime)?_c('span',[_vm._v(\" 開課日期： \"+_vm._s(_vm.courseData.LMIT_STime.substr(0, 10))+\" \"),_c('br')]):_vm._e(),(_vm.courseData.LMIT_STime && _vm.courseData.LMIT_ETime)?_c('span',[_vm._v(\" 開課時段： \"+_vm._s(_vm.courseData.LMIT_STime.substr(10))+\" ~ \"+_vm._s(_vm.courseData.LMIT_ETime.substr(10))+\" \"),_c('br')]):_vm._e(),_c('span',[_vm._v(\" 期別地點： \"+_vm._s(_vm.courseData.LMIT_Place)+\" \"),_c('br')]),_c('span',[_vm._v(\" 主講人： \"+_vm._s(_vm.courseData.LMIT_Lecturer)+\" \"),_c('br')]),_c('span',[_vm._v(\" 主講人Email： \"+_vm._s(_vm.courseData.LMIT_LecturerEmail)+\" \"),_c('br')]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_Emcee),expression:\"!!courseData.LMIT_Emcee\"}]},[_vm._v(\" 活動主持人： \"+_vm._s(_vm.courseData.LMIT_Emcee)+\" \"),_c('br')]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_Contact),expression:\"!!courseData.LMIT_Contact\"}]},[_vm._v(\" 活動聯絡人： \"+_vm._s(_vm.courseData.LMIT_Contact)+\" \"),_c('br')]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_ContactEmail),expression:\"!!courseData.LMIT_ContactEmail\"}]},[_vm._v(\" 聯絡人Email： \"+_vm._s(_vm.courseData.LMIT_ContactEmail)+\" \"),_c('br')]),_vm._v(\" 課程說明：\"),_c('br'),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.courseData.LMIT_Description_1000)}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_Description_2000),expression:\"!!courseData.LMIT_Description_2000\"}],domProps:{\"innerHTML\":_vm._s(_vm.courseData.LMIT_Description_2000)}}),(_vm.courseData.roles)?_c('span',[_vm._v(\" 身分限制： \"+_vm._s(_vm.courseData.roles.join('、'))+\" \"),(_vm.courseData.roles.includes('在校生') && _vm.courseData.rolesDetail.length > 0)?_c('div',{staticStyle:{\"margin-left\":\"20px\",\"font-size\":\"11pt\"}},[_c('b',[_vm._v(\"在校生\")]),_vm._v(\"不包含 \"),_c('span',{staticStyle:{\"color\":\"red\"}},[_vm._v(\" \"+_vm._s(_vm.courseData.rolesDetail.join('、'))+\" \")])]):_c('br')]):_vm._e(),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!!_vm.courseData.LMIT_Rule),expression:\"!!courseData.LMIT_Rule\"}]},[_vm._v(\" 課程要求： \"),_c('div',{staticStyle:{\"margin-left\":\"20px\"},domProps:{\"innerHTML\":_vm._s(_vm.courseData.LMIT_Rule)}})]),_c('span',[_vm._v(\" 可預約時間： \"+_vm._s(_vm.courseData.LMIT_BSTime)+\" ~ \"+_vm._s(_vm.courseData.LMIT_BETime)+\" \")])]),(!_vm.act && _vm.act !== 'view')?_c('div',{staticClass:\"text-center mt-3\"},[(!_vm.user.isLogin)?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.chkCourse),expression:\"chkCourse\"}],staticStyle:{\"color\":\"red\",\"border\":\"1px solid red\",\"padding\":\"0.3rem 0.5rem\"}},[_vm._v(\" 若要預約，請先登入系統。 \")]):(!_vm.chkRole)?_c('div',[(!!_vm.user.absent)?_c('div',[_c('p',{staticStyle:{\"color\":\"red\"}},[_vm._v(\"很抱歉! 您在三個月內有三次以上缺席紀錄，將停止課程預約權利三個月。\")]),_c('div',{attrs:{\"id\":\"absent-log\"}},[_c('h6',[_vm._v(\"最近的缺席紀錄如下：\")]),_c('ul',_vm._l((_vm.user.absent.Logs),function(log){return _c('li',{key:log.index},[_vm._v(_vm._s(log))])}),0)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2\",staticStyle:{\"color\":\"darkorange\"}},[_vm._v(\"暫停預約起訖時間：\")]),_c('div',{staticClass:\"col-10\",staticStyle:{\"font-weight\":\"bold\",\"color\":\"darkorange\"}},[_vm._v(\" \"+_vm._s(_vm.user.absent.LockPeriod)+\" \")]),_c('div',{staticClass:\"col-2\",staticStyle:{\"color\":\"green\"}},[_vm._v(\"最快可以預約時間：\")]),_c('div',{staticClass:\"col-10\",staticStyle:{\"font-weight\":\"bold\",\"color\":\"green\"}},[_vm._v(\" \"+_vm._s(_vm.user.absent.ReviveDate)+\" \")])])]):_vm._e(),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.chkCourse),expression:\"chkCourse\"}],staticStyle:{\"color\":\"red\"},domProps:{\"innerHTML\":_vm._s(_vm.bookingMsg)}})]):_c('div',[_c('el-divider',{attrs:{\"content-position\":\"left\"}}),_c('el-form',{ref:\"form\",staticClass:\"class_content_text\",attrs:{\"model\":_vm.user,\"rules\":_vm.userRules,\"label-width\":\"auto\",\"hide-required-asterisk\":\"\"}},[_c('el-form-item',{attrs:{\"label\":\"Email：\",\"prop\":\"email\",\"required\":\"\"}},[_c('el-input',{attrs:{\"maxlength\":50},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1),_c('el-form-item',{attrs:{\"label\":\"聯絡電話：\",\"prop\":\"phone\",\"required\":\"\"}},[_c('el-input',{attrs:{\"maxlength\":20,\"placeholder\":\"例: 0912-345678 或 02-27005858\"},model:{value:(_vm.user.phone),callback:function ($$v) {_vm.$set(_vm.user, \"phone\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"user.phone\"}})],1)],1)],1),_c('div',[_c('el-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"go-back\",on:{\"click\":_vm.go2CourseLs}},[_vm._v(\"回上一頁\")]),(_vm.chkCourse && _vm.chkRole && _vm.user.isLogin)?_c('el-button',{staticClass:\"submit-booking\",on:{\"click\":_vm.submitRegister}},[_vm._v(\" 我要預約 \")]):_vm._e()],1)]):_vm._e()]),(!_vm.act && _vm.act !== 'view')?_c('div',{staticClass:\"col-lg-12 class_content02\"},[_vm._m(0)]):_vm._e(),(_vm.act && _vm.act === 'view' && _vm.user.isLogin && _vm.canComment)?_c('div',{staticClass:\"col-lg-12 class_content02\"},[_c('div',{staticClass:\"row\"},[_vm._m(1),_c('div',{staticClass:\"col-lg-8 col-sm-8 col-12\"},[_c('h5',[_vm._v(\"評價與回饋\")]),_c('ul',[_c('li',[_vm._v(\" 評價: \"),_c('el-rate',{attrs:{\"disabled\":_vm.submitted},model:{value:(_vm.score),callback:function ($$v) {_vm.score=$$v},expression:\"score\"}})],1),_c('li',[_vm._v(\" 回饋訊息: \"),_c('el-input',{attrs:{\"placeholder\":\"請輸入回饋訊息...\",\"type\":\"textarea\",\"resize\":\"none\",\"autosize\":{ minRows: 2, maxRows: 4 },\"disabled\":_vm.submitted},model:{value:(_vm.feedback),callback:function ($$v) {_vm.feedback=$$v},expression:\"feedback\"}})],1),(!_vm.submitted)?_c('li',{staticStyle:{\"text-align\":\"center\"}},[_c('el-button',{staticClass:\"submit-feedback\",on:{\"click\":_vm.submitFeeback}},[_vm._v(\"送出意見\")])],1):_vm._e()])])])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4 col-sm-4 col-12 text-center\"},[_c('img',{attrs:{\"src\":\"assets/images/learningmarket/notice.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"col-lg-8 col-sm-8 col-12\"},[_c('h5',[_vm._v(\"課程預約注意事項：\")]),_c('p',[_vm._v(\"1. 課程預約所有資料將列為個人學習歷程記錄，請確實填寫。\")]),_c('p',[_vm._v(\"2. 若無法前來上課，請於開課前一天取消您的預約（當日將不開放取消）。\")]),_c('p',[_vm._v(\"3. 各課程授課教師會記錄預約者出缺席狀況，敬請按時上課。\")]),_c('p',[_vm._v(\" 4. 預約後，三個月內無故不到(無取消預約)達三次以上者(含第三次)者，將停止課程預約權利三個月。 \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-4 col-sm-4 col-12 text-center\"},[_c('img',{attrs:{\"src\":\"assets/images/learningmarket/notice.png\",\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<!--\r\n * @Author: cmchiu\r\n * @Date: 2022-09-06 17:47:30\r\n * @LastEditTime: 2023-02-03 17:56:18\r\n * @LastEditors: cmchiu\r\n * @Description: \r\n * @FilePath: \\LearningMarket2\\LearningMarket-ClientApp\\src\\views\\CourseBook.vue\r\n * \r\n-->\r\n<template>\r\n    <div class=\"course-book\">\r\n        <div\r\n            class=\"row mt-3\"\r\n            v-loading.fullscreen.lock=\"configs.loading\"\r\n            element-loading-text=\"加載中，請稍候...\"\r\n            element-loading-background=\"rgba(255, 255, 255, 0.5)\"\r\n        >\r\n            <div class=\"col-lg-12 class_content01\">\r\n                <div class=\"text-right\" v-if=\"!act && act !== 'view'\">\r\n                    <span class=\"content_ntmtext\">尚有</span>\r\n                    <span class=\"content_num\">{{ courseData.balance }}</span>\r\n                    <span class=\"content_ntmtext\">個名額</span>\r\n                </div>\r\n                <p\r\n                    class=\"card-title\"\r\n                    v-show=\"!!courseData.LMAT_Class\"\r\n                    :class=\"\r\n                        courseData.LMAT_Class === '1001'\r\n                            ? 'card_language' // 語文學習\r\n                            : courseData.LMAT_Class === '1002'\r\n                            ? 'card_tech' // 資訊科技\r\n                            : courseData.LMAT_Class === '1003'\r\n                            ? 'card_method' // 學習方法\r\n                            : courseData.LMAT_Class === '1004'\r\n                            ? 'card_basic' // 基礎科目輔導課\r\n                            : courseData.LMAT_Class === '1005'\r\n                            ? 'card_heart' // 心靈成長\r\n                            : courseData.LMAT_Class === '1006'\r\n                            ? 'card_paper' // 論文達人\r\n                            : courseData.LMAT_Class === '1007'\r\n                            ? 'card_career' // 職涯活動\r\n                            : courseData.LMAT_Class === '1010'\r\n                            ? 'card_workshop' // 校園活動(講座)\r\n                            : courseData.LMAT_Class === '1011'\r\n                            ? 'card_student' // 學生講師\r\n                            : courseData.LMAT_Class === '1012'\r\n                            ? 'card_meeting' // 教師請益時間\r\n                            : ''\r\n                    \"\r\n                >\r\n                    {{ courseData.LMAT_ClassName }}\r\n                </p>\r\n                <p class=\"card-text card_class\">{{ courseData.LMIT_Name_1000 }}</p>\r\n                <p class=\"card-text card_class\" v-show=\"!!courseData.LMIT_Name_2000\">{{ courseData.LMIT_Name_2000 }}</p>\r\n                <div class=\"class_content_text\">\r\n                    <span v-if=\"courseData.LMIT_STime\">\r\n                        開課日期： {{ courseData.LMIT_STime.substr(0, 10) }}\r\n                        <br />\r\n                    </span>\r\n                    <span v-if=\"courseData.LMIT_STime && courseData.LMIT_ETime\">\r\n                        開課時段： {{ courseData.LMIT_STime.substr(10) }} ~ {{ courseData.LMIT_ETime.substr(10) }}\r\n                        <br />\r\n                    </span>\r\n                    <span>\r\n                        期別地點： {{ courseData.LMIT_Place }}\r\n                        <br />\r\n                    </span>\r\n                    <span>\r\n                        主講人： {{ courseData.LMIT_Lecturer }}\r\n                        <br />\r\n                    </span>\r\n                    <span>\r\n                        主講人Email： {{ courseData.LMIT_LecturerEmail }}\r\n                        <br />\r\n                    </span>\r\n                    <span v-show=\"!!courseData.LMIT_Emcee\">\r\n                        活動主持人： {{ courseData.LMIT_Emcee }}\r\n                        <br />\r\n                    </span>\r\n                    <span v-show=\"!!courseData.LMIT_Contact\">\r\n                        活動聯絡人： {{ courseData.LMIT_Contact }}\r\n                        <br />\r\n                    </span>\r\n                    <span v-show=\"!!courseData.LMIT_ContactEmail\">\r\n                        聯絡人Email： {{ courseData.LMIT_ContactEmail }}\r\n                        <br />\r\n                    </span>\r\n                    課程說明：<br />\r\n                    <div v-html=\"courseData.LMIT_Description_1000\"></div>\r\n                    <div v-html=\"courseData.LMIT_Description_2000\" v-show=\"!!courseData.LMIT_Description_2000\"></div>\r\n                    <span v-if=\"courseData.roles\">\r\n                        身分限制： {{ courseData.roles.join('、') }}\r\n                        <div\r\n                            v-if=\"courseData.roles.includes('在校生') && courseData.rolesDetail.length > 0\"\r\n                            style=\"margin-left: 20px; font-size: 11pt\"\r\n                        >\r\n                            <b>在校生</b>不包含&nbsp;<span style=\"color: red\">\r\n                                {{ courseData.rolesDetail.join('、') }}\r\n                            </span>\r\n                        </div>\r\n                        <br v-else />\r\n                    </span>\r\n                    <span v-show=\"!!courseData.LMIT_Rule\">\r\n                        課程要求：\r\n                        <div v-html=\"courseData.LMIT_Rule\" style=\"margin-left: 20px\"></div>\r\n                    </span>\r\n                    <span> 可預約時間： {{ courseData.LMIT_BSTime }} ~ {{ courseData.LMIT_BETime }} </span>\r\n                </div>\r\n\r\n                <div class=\"text-center mt-3\" v-if=\"!act && act !== 'view'\">\r\n                    <span\r\n                        v-if=\"!user.isLogin\"\r\n                        v-show=\"chkCourse\"\r\n                        style=\"color: red; border: 1px solid red; padding: 0.3rem 0.5rem\"\r\n                    >\r\n                        若要預約，請先登入系統。\r\n                    </span>\r\n                    <div v-else-if=\"!chkRole\">\r\n                        <div v-if=\"!!user.absent\">\r\n                            <p style=\"color: red\">很抱歉! 您在三個月內有三次以上缺席紀錄，將停止課程預約權利三個月。</p>\r\n                            <div id=\"absent-log\">\r\n                                <h6>最近的缺席紀錄如下：</h6>\r\n                                <ul>\r\n                                    <li v-for=\"log in user.absent.Logs\" :key=\"log.index\">{{ log }}</li>\r\n                                </ul>\r\n                            </div>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-2\" style=\"color: darkorange\">暫停預約起訖時間：</div>\r\n                                <div class=\"col-10\" style=\"font-weight: bold; color: darkorange\">\r\n                                    {{ user.absent.LockPeriod }}\r\n                                </div>\r\n                                <div class=\"col-2\" style=\"color: green\">最快可以預約時間：</div>\r\n                                <div class=\"col-10\" style=\"font-weight: bold; color: green\">\r\n                                    {{ user.absent.ReviveDate }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <p v-show=\"chkCourse\" style=\"color: red\" v-html=\"bookingMsg\"></p>\r\n                    </div>\r\n                    <div v-else>\r\n                        <el-divider content-position=\"left\"></el-divider>\r\n                        <el-form\r\n                            ref=\"form\"\r\n                            :model=\"user\"\r\n                            :rules=\"userRules\"\r\n                            label-width=\"auto\"\r\n                            hide-required-asterisk\r\n                            class=\"class_content_text\"\r\n                        >\r\n                            <el-form-item label=\"Email：\" prop=\"email\" required>\r\n                                <el-input v-model=\"user.email\" :maxlength=\"50\"></el-input>\r\n                            </el-form-item>\r\n                            <el-form-item label=\"聯絡電話：\" prop=\"phone\" required>\r\n                                <el-input\r\n                                    v-model.trim=\"user.phone\"\r\n                                    :maxlength=\"20\"\r\n                                    placeholder=\"例: 0912-345678 或 02-27005858\"\r\n                                ></el-input>\r\n                            </el-form-item>\r\n                        </el-form>\r\n                    </div>\r\n                    <div>\r\n                        <el-button class=\"go-back\" @click=\"go2CourseLs\" v-show=\"false\">回上一頁</el-button>\r\n                        <el-button\r\n                            class=\"submit-booking\"\r\n                            v-if=\"chkCourse && chkRole && user.isLogin\"\r\n                            @click=\"submitRegister\"\r\n                        >\r\n                            我要預約\r\n                        </el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-lg-12 class_content02\" v-if=\"!act && act !== 'view'\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-lg-4 col-sm-4 col-12 text-center\">\r\n                        <img src=\"assets/images/learningmarket/notice.png\" alt=\"\" />\r\n                    </div>\r\n                    <div class=\"col-lg-8 col-sm-8 col-12\">\r\n                        <h5>課程預約注意事項：</h5>\r\n\r\n                        <p>1. 課程預約所有資料將列為個人學習歷程記錄，請確實填寫。</p>\r\n\r\n                        <p>2. 若無法前來上課，請於開課前一天取消您的預約（當日將不開放取消）。</p>\r\n\r\n                        <p>3. 各課程授課教師會記錄預約者出缺席狀況，敬請按時上課。</p>\r\n\r\n                        <p>\r\n                            4. 預約後，三個月內無故不到(無取消預約)達三次以上者(含第三次)者，將停止課程預約權利三個月。\r\n                        </p>\r\n\r\n                        <!-- <p>5. 三個月內<span style=\"color: Red\">取消預約</span>次數達三次者，視同一次無故不到。</p> -->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-lg-12 class_content02\" v-if=\"act && act === 'view' && user.isLogin && canComment\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-lg-4 col-sm-4 col-12 text-center\">\r\n                        <img src=\"assets/images/learningmarket/notice.png\" alt=\"\" />\r\n                    </div>\r\n                    <div class=\"col-lg-8 col-sm-8 col-12\">\r\n                        <h5>評價與回饋</h5>\r\n\r\n                        <ul>\r\n                            <li>\r\n                                評價:\r\n                                <el-rate v-model=\"score\" :disabled=\"submitted\"></el-rate>\r\n                            </li>\r\n                            <li>\r\n                                回饋訊息:\r\n                                <el-input\r\n                                    v-model=\"feedback\"\r\n                                    placeholder=\"請輸入回饋訊息...\"\r\n                                    type=\"textarea\"\r\n                                    resize=\"none\"\r\n                                    :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n                                    :disabled=\"submitted\"\r\n                                ></el-input>\r\n                            </li>\r\n                            <li style=\"text-align: center\" v-if=\"!submitted\">\r\n                                <el-button class=\"submit-feedback\" @click=\"submitFeeback\">送出意見</el-button>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport XEUtils from 'xe-utils'\r\nimport { getCourseInfo, getFeedbackList, updateBookingFeedback, checkBooking, bookCourse } from '@/api/course'\r\nimport { checkPhone, checkEmail } from '@/utils/common'\r\n\r\nexport default {\r\n    name: 'CourseBook',\r\n\r\n    data: function () {\r\n        return {\r\n            configs: {\r\n                loading: false,\r\n            },\r\n            user: {\r\n                isLogin: false,\r\n                id: '',\r\n                name: '',\r\n                class: '',\r\n                email: '',\r\n                phone: '',\r\n                sdrgValue: '',\r\n                sdrgText: '',\r\n                statusText: '',\r\n                absent: null,\r\n            },\r\n            userRules: {\r\n                email: [{ validator: checkEmail, trigger: 'blur' }],\r\n                phone: [{ validator: checkPhone, trigger: 'blur' }],\r\n            },\r\n            LMIT_ID: this.$route.query.id,\r\n            courseData: {},\r\n            score: 3,\r\n            feedback: '',\r\n            act: null,\r\n            canComment: false,\r\n            submitted: false,\r\n            chkCourse: false,\r\n            chkRole: false,\r\n            bookingMsg: '',\r\n        }\r\n    },\r\n\r\n    created: function () {\r\n        this.act = this.$route.query.act\r\n        this.getCourseInfo()\r\n    },\r\n\r\n    mounted: function () {},\r\n\r\n    watch: {\r\n        '$store.getters.isLogin': function (newVal, oldVal) {\r\n            if (newVal != oldVal && newVal) {\r\n                this.getCourseInfo()\r\n            }\r\n            this.user.isLogin = newVal\r\n        },\r\n        '$store.getters.reload': function (newVal, oldVal) {\r\n            if (!XEUtils.isEqual(newVal, oldVal)) {\r\n                this.getCourseInfo()\r\n            }\r\n        },\r\n    },\r\n\r\n    methods: {\r\n        async getCourseInfo() {\r\n            const vm = this\r\n            vm.configs.loading = true\r\n            await getCourseInfo({ ID: vm.LMIT_ID })\r\n                .then(res => {\r\n                    if (res.Code === 1 && res.Items.length > 0) {\r\n                        vm.courseData = res.Items[0]\r\n                        XEUtils.objectEach(vm.courseData, (value, key) => {\r\n                            let columns = ['roles', 'rolesDetail']\r\n                            if (columns.includes(key)) {\r\n                                vm.courseData[key] = JSON.parse(value)\r\n                            }\r\n                        })\r\n\r\n                        let bookingTime = `<br /><br />可預約時間：<br />${vm.courseData.LMIT_BSTime} 到 ${vm.courseData.LMIT_BETime}`\r\n                        if (XEUtils.getDateDiff(new Date(), new Date(vm.courseData.LMIT_BSTime)).done) {\r\n                            vm.bookingMsg = `課程尚未開放預約!!${bookingTime}`\r\n                            vm.chkCourse = false\r\n                        } else if (XEUtils.getDateDiff(new Date(vm.courseData.LMIT_BETime), new Date()).done) {\r\n                            vm.bookingMsg = `課程預約時間已經結束!!${bookingTime}`\r\n                            vm.chkCourse = false\r\n                        } else if (vm.courseData.balance <= 0) {\r\n                            vm.bookingMsg = '已額滿!'\r\n                            vm.chkCourse = false\r\n                        } else {\r\n                            vm.bookingMsg = ''\r\n                            vm.chkCourse = true\r\n                            // console.log('可以預約')\r\n                        }\r\n\r\n                        vm.$store.dispatch('app/cachePNTitle', vm.courseData.LMIT_Name_1000) // 將title寫入快取給breadcrumb讀取\r\n                    }\r\n                })\r\n                .then(() => {\r\n                    vm.$store.dispatch('user/checkLogin').then(isLogin => {\r\n                        if (isLogin) {\r\n                            vm.$store.dispatch('user/getUserInfo').then(() => {\r\n                                vm.user = vm.$store.getters.userInfo\r\n                                // vm.getFeedbackList() /* 舊版程式填寫評論功能已關閉 */\r\n                                if (vm.chkCourse) vm.checkBooking()\r\n                            })\r\n                        }\r\n                        vm.configs.loading = false\r\n                    })\r\n                })\r\n        },\r\n\r\n        async getFeedbackList() {\r\n            const vm = this\r\n            vm.configs.loading = true\r\n            let params = {\r\n                Acpd_ID: vm.user.id,\r\n                LMIT_ID: vm.LMIT_ID,\r\n            }\r\n            await getFeedbackList(params)\r\n                .then(res => {\r\n                    if (res.Code === 1 && res.Items.length > 0) {\r\n                        vm.canComment = true\r\n                        vm.submitted = !!res.Items[0].Feedback || !!res.Items[0].Score\r\n                        vm.score = !res.Items[0].Score ? 3 : res.Items[0].Score\r\n                        vm.feedback = !res.Items[0].Feedback ? '' : res.Items[0].Feedback\r\n                        // vm.$message({\r\n                        //     message: res.Msg,\r\n                        //     type: 'success',\r\n                        // })\r\n                    } else {\r\n                        vm.canComment = false\r\n                    }\r\n                })\r\n                .then(() => {\r\n                    vm.configs.loading = false\r\n                })\r\n        },\r\n\r\n        async updateBookingFeedback() {\r\n            const vm = this\r\n            const fullscreenLoading = vm.$loading({\r\n                lock: true,\r\n                text: '請稍候，目前正處理評價與回饋...',\r\n                background: 'rgba(255, 255, 255, 0.5)',\r\n            })\r\n            let params = {\r\n                Acpd_ID: vm.user.id,\r\n                LMIT_ID: vm.LMIT_ID,\r\n                Score: vm.score,\r\n                Feedback: vm.feedback,\r\n            }\r\n            await updateBookingFeedback(params).then(res => {\r\n                if (res.Code === 1) {\r\n                    vm.$message({\r\n                        type: 'success',\r\n                        message: res.Msg,\r\n                    })\r\n                    vm.$confirm('是否要返回我的課程清單?', '提示', {\r\n                        confirmButtonText: '確定',\r\n                        cancelButtonText: '取消',\r\n                        type: 'info',\r\n                        dangerouslyUseHTMLString: true,\r\n                    })\r\n                        .then(() => {\r\n                            vm.$router.push('/mycourse')\r\n                        })\r\n                        .catch(() => {\r\n                            vm.getFeedbackList()\r\n                        })\r\n                }\r\n                fullscreenLoading.close()\r\n            })\r\n        },\r\n\r\n        submitFeeback() {\r\n            this.$confirm('確定要儲存評價與回饋訊息?', '提示', {\r\n                confirmButtonText: '確定',\r\n                cancelButtonText: '取消',\r\n                type: 'info',\r\n                dangerouslyUseHTMLString: true,\r\n            }).then(() => {\r\n                this.updateBookingFeedback()\r\n            })\r\n        },\r\n\r\n        async checkBooking() {\r\n            const vm = this\r\n            let params = {\r\n                Acpd_ID: vm.user.id,\r\n                Acpd_Class: vm.user.class,\r\n                LMIT_ID: vm.courseData.LMIT_ID,\r\n                ExcludedMember: vm.courseData.excludedMember,\r\n                ExcludedDetail: vm.courseData.excludedDetail,\r\n            }\r\n            await checkBooking(params).then(res => {\r\n                vm.bookingMsg = res.Msg\r\n                vm.chkRole = res.Items.HasPassed\r\n                vm.user.sdrgValue = res.Items.SdrgValue\r\n                vm.user.sdrgText = res.Items.SdrgText\r\n                vm.user.statusText = res.Items.StatusText\r\n                vm.user.absent = res.Items.Absent\r\n            })\r\n        },\r\n\r\n        async bookCourse() {\r\n            const vm = this\r\n            const fullscreenLoading = vm.$loading({\r\n                lock: true,\r\n                text: '請稍候，目前正處理課程預約...',\r\n                background: 'rgba(255, 255, 255, 0.5)',\r\n            })\r\n            let params = {\r\n                Acpd_ID: vm.user.id,\r\n                LMIT_ID: vm.courseData.LMIT_ID,\r\n                Acpd_Class: vm.user.class,\r\n                Name: vm.user.name,\r\n                Email: vm.user.email,\r\n                Phone: vm.user.phone,\r\n                SdrgValue: vm.user.sdrgValue,\r\n                SdrgText: vm.user.sdrgText,\r\n            }\r\n            await bookCourse(params)\r\n                .then(res => {\r\n                    if (res.Code === 1) {\r\n                        vm.$message({ type: 'success', message: res.Msg, dangerouslyUseHTMLString: true })\r\n                    }\r\n                })\r\n                .then(() => {\r\n                    fullscreenLoading.close()\r\n                })\r\n        },\r\n\r\n        submitRegister() {\r\n            const vm = this\r\n            vm.$refs['form'].validate(valid => {\r\n                if (valid) {\r\n                    vm.bookCourse().then(() => {\r\n                        vm.$store.dispatch('app/reloadComponents', !vm.$store.getters.reload)\r\n                    })\r\n                }\r\n            })\r\n        },\r\n\r\n        go2CourseLs() {\r\n            window.history.go(-1)\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n:deep .el-pagination {\r\n    button {\r\n        width: auto;\r\n    }\r\n}\r\n.bottom {\r\n    margin-top: 15px;\r\n    padding-top: 10px;\r\n    border-top: 1px solid #ccc;\r\n\r\n    button {\r\n        width: auto;\r\n        height: auto;\r\n    }\r\n}\r\n:deep .class_content_text {\r\n    .el-form-item__label {\r\n        font-size: 18px;\r\n        color: #808080;\r\n    }\r\n\r\n    .el-form-item__content {\r\n        .el-input input {\r\n            color: #212529;\r\n            font-size: 1rem;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n            border-radius: 25px;\r\n            border-color: #2d9698;\r\n            height: 35px;\r\n        }\r\n        .el-input input:focus {\r\n            background-color: #fff;\r\n            border-color: #86b7fe;\r\n            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\r\n        }\r\n    }\r\n}\r\n:deep .el-select .el-input .el-input__inner {\r\n    font-size: 1rem;\r\n    color: #2d9698;\r\n    border-color: #2d9698;\r\n}\r\n:deep .el-select .el-input.is-focus .el-input__inner {\r\n    font-size: 1rem;\r\n    color: #2d9698;\r\n    border-color: #2d9698;\r\n}\r\n:deep .submit-booking {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #2d9698;\r\n    color: #fff;\r\n}\r\n:deep .submit-booking:hover {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #37b4b6;\r\n    color: #fff;\r\n}\r\n:deep .go-back {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #cccccc;\r\n    color: #fff;\r\n}\r\n:deep .go-back:hover {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #ccccccbb;\r\n    color: #fff;\r\n}\r\n:deep .submit-feedback {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #635095;\r\n    color: #fff;\r\n}\r\n:deep .submit-feedback:hover {\r\n    width: 180px;\r\n    height: 38px;\r\n    font-size: 20px;\r\n    padding: 5px 50px;\r\n    border-radius: 25px;\r\n    background-color: #7765a4;\r\n    color: #fff;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.el-message-box {\r\n    button {\r\n        width: auto;\r\n        height: auto;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CourseBook.vue?vue&type=template&id=250f3a07&scoped=true&\"\nimport script from \"./CourseBook.vue?vue&type=script&lang=js&\"\nexport * from \"./CourseBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CourseBook.vue?vue&type=style&index=0&id=250f3a07&prod&scoped=true&lang=scss&\"\nimport style1 from \"./CourseBook.vue?vue&type=style&index=1&id=250f3a07&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"250f3a07\",\n  null\n  \n)\n\nexport default component.exports","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CourseBook.vue?vue&type=style&index=1&id=250f3a07&prod&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"59597cec\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".el-message-box button{width:auto;height:auto}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}