{"version":3,"sources":["webpack:///./src/views/TankRentalPage/index.vue","webpack:///./src/views/TankRentalPage/AddTankRentalDrawer.vue","webpack:///src/views/TankRentalPage/AddTankRentalDrawer.vue","webpack:///./src/views/TankRentalPage/AddTankRentalDrawer.vue?e480","webpack:///./src/views/TankRentalPage/AddTankRentalDrawer.vue?7dd8","webpack:///src/views/TankRentalPage/index.vue","webpack:///./src/views/TankRentalPage/index.vue?d569","webpack:///./src/views/TankRentalPage/index.vue?193d","webpack:///./src/views/TankRentalPage/index.vue?e9ad","webpack:///./src/views/TankRentalPage/AddTankRentalDrawer.vue?8214"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","on","searchSacTankRental","model","value","searchText","callback","$$v","expression","_v","_s","totalRows","loadSacTankRental","$event","$refs","AddTankRentalDrawer","openDrawer","ref","tableLoading","columns","tableData","tableHeight","staticRenderFns","openedTankRental","drawerOpened","formItem","ruleValidate","nativeOn","preventDefault","remoteMethod","customerLoading","customer","$set","_l","customerList","key","_id","name","company","companyList","contractId","status","statusList","label","contractStartedAt","contractEndedAt","remark","getDocFile","docFileList","file","index","fileName","downFileItem","_e","delFileItem","openF","getPdfFile","pdfFileList","handleSubmit","getStorageTankListMethod","storageTankLoading","addTank","selectedTank","storageTankList","storageTank","tankTable","scopedSlots","_u","fn","row","removeTank","data","tankList","docFile","signedPdfFile","title","h","params","NoId","align","slot","width","required","message","trigger","type","computed","mapState","state","customersSimple","methods","query","getCustomerList","getStorageTankList","mapActions","createTankRental","updateTankRental","getCompanyList","tankRental","resetFields","e","target","files","i","length","push","tag","dispatchEvent","MouseEvent","splice","item","filter","x","concat","id","validate","valid","formData","FormData","append","JSON","stringify","forEach","$Message","success","error","mounted","component","components","props","page","size","style","color","cursor","click","abbr","dayjs","rentalTime","format","tankRentalList","totalCounts","getTankRentalList","api","skip","limit","_","debounce","created","tableWrapper","offsetHeight","window","onresize","destroyed"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,QAAQ,CAACG,YAAY,CAAC,MAAQ,QAAQ,eAAe,QAAQC,MAAM,CAAC,OAAS,GAAG,YAAc,UAAU,UAAY,GAAG,KAAO,cAAcC,GAAG,CAAC,YAAYP,EAAIQ,qBAAqBC,MAAM,CAACC,MAAOV,EAAIW,WAAYC,SAAS,SAAUC,GAAMb,EAAIW,WAAWE,GAAKC,WAAW,gBAAgBZ,EAAG,OAAO,CAACF,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIiB,WAAW,OAAOf,EAAG,OAAO,CAACG,YAAY,CAAC,eAAe,QAAQC,MAAM,CAAC,MAAQN,EAAIiB,UAAU,YAAY,GAAG,aAAa,GAAG,OAAS,IAAIV,GAAG,CAAC,YAAYP,EAAIkB,qBAAqBhB,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAIoB,MAAMC,oBAAoBC,gBAAgB,CAACtB,EAAIe,GAAG,aAAa,GAAGb,EAAG,MAAM,CAACqB,IAAI,eAAenB,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,QAAUN,EAAIwB,aAAa,QAAUxB,EAAIyB,QAAQ,KAAOzB,EAAI0B,UAAU,OAAS1B,EAAI2B,gBAAgB,GAAGzB,EAAG,sBAAsB,CAACqB,IAAI,yBAAyB,IAEz/BK,EAAkB,GCFlB7B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,MAAM,OAAWN,EAAI6B,iBAAmB,KAAO,MAAhC,QAA4CpB,MAAM,CAACC,MAAOV,EAAI8B,aAAclB,SAAS,SAAUC,GAAMb,EAAI8B,aAAajB,GAAKC,WAAW,iBAAiB,CAACZ,EAAG,OAAO,CAACqB,IAAI,WAAWjB,MAAM,CAAC,MAAQN,EAAI+B,SAAS,MAAQ/B,EAAIgC,aAAa,iBAAiB,OAAOC,SAAS,CAAC,OAAS,SAASd,GAAQA,EAAOe,oBAAqB,CAAChC,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,KAAK,KAAO,aAAa,CAACJ,EAAG,SAAS,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,WAAa,GAAG,gBAAgBN,EAAImC,aAAa,QAAUnC,EAAIoC,gBAAgB,YAAc,cAAc3B,MAAM,CAACC,MAAOV,EAAI+B,SAASM,SAAUzB,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,WAAYlB,IAAMC,WAAW,sBAAsBd,EAAIuC,GAAIvC,EAAIwC,cAAc,SAASH,GAAU,OAAOnC,EAAG,SAAS,CAACuC,IAAIJ,EAASK,IAAIrC,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,MAAQ+B,EAASK,IAAI,OAAS,KAAK,CAAC1C,EAAIe,GAAGf,EAAIgB,GAAGqB,EAASM,YAAW,IAAI,GAAGzC,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,KAAK,KAAO,YAAY,CAACJ,EAAG,SAAS,CAACG,YAAY,CAAC,MAAQ,SAASI,MAAM,CAACC,MAAOV,EAAI+B,SAASa,QAAShC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,UAAWlB,IAAMC,WAAW,qBAAqBd,EAAIuC,GAAIvC,EAAI6C,aAAa,SAASD,GAAS,OAAO1C,EAAG,SAAS,CAACuC,IAAIG,EAAQF,IAAIrC,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,MAAQsC,EAAQF,MAAM,CAAC1C,EAAIe,GAAGf,EAAIgB,GAAG4B,EAAQD,YAAW,IAAI,GAAGzC,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,OAAO,KAAO,WAAW,CAACJ,EAAG,QAAQ,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,YAAc,aAAaG,MAAM,CAACC,MAAOV,EAAI+B,SAASe,WAAYlC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,aAAclB,IAAMC,WAAW,0BAA0B,GAAGZ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,OAAO,KAAO,WAAW,CAACJ,EAAG,SAAS,CAACG,YAAY,CAAC,MAAQ,SAASI,MAAM,CAACC,MAAOV,EAAI+B,SAASgB,OAAQnC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,SAAUlB,IAAMC,WAAW,oBAAoBd,EAAIuC,GAAIvC,EAAIgD,YAAY,SAASD,GAAQ,OAAO7C,EAAG,SAAS,CAACuC,IAAIM,EAAOrC,MAAML,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,MAAQyC,EAAOrC,QAAQ,CAACV,EAAIe,GAAGf,EAAIgB,GAAG+B,EAAOE,aAAY,IAAI,GAAG/C,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,SAAS,KAAO,sBAAsB,CAACJ,EAAG,aAAa,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,KAAO,OAAO,YAAc,YAAYG,MAAM,CAACC,MAAOV,EAAI+B,SAASmB,kBAAmBtC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,oBAAqBlB,IAAMC,WAAW,iCAAiC,GAAGZ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,SAAS,KAAO,oBAAoB,CAACJ,EAAG,aAAa,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,KAAO,OAAO,YAAc,YAAYG,MAAM,CAACC,MAAOV,EAAI+B,SAASoB,gBAAiBvC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,kBAAmBlB,IAAMC,WAAW,+BAA+B,GAAGZ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,KAAK,KAAO,WAAW,CAACJ,EAAG,QAAQ,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,YAAc,WAAWG,MAAM,CAACC,MAAOV,EAAI+B,SAASqB,OAAQxC,SAAS,SAAUC,GAAMb,EAAIsC,KAAKtC,EAAI+B,SAAU,SAAUlB,IAAMC,WAAW,sBAAsB,GAAGZ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,QAAQ,CAACJ,EAAG,QAAQ,CAACqB,IAAI,aAAanB,YAAY,uBAAuBC,YAAY,CAAC,QAAU,QAAQC,MAAM,CAAC,KAAO,OAAO,SAAW,WAAW,OAAS,cAAcC,GAAG,CAAC,OAAS,SAASY,GAAQ,OAAOnB,EAAIqD,WAAWlC,OAAYnB,EAAIuC,GAAIvC,EAAIsD,aAAa,SAASC,EAAKC,GAAO,OAAOtD,EAAG,MAAM,CAACuC,IAAIc,EAAKb,IAAIpC,MAAM,CAAC,MAAQiD,EAAKb,MAAM,CAACxC,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIe,GAAG,IAAIf,EAAIgB,GAAGuC,EAAKE,SAAWF,EAAKE,SAAWF,EAAKZ,MAAM,OAAQ3C,EAAI6B,iBAAkB3B,EAAG,MAAM,CAACE,YAAY,qBAAqBG,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI0D,aAAaH,MAAS,CAACvD,EAAIe,GAAG,UAAUf,EAAI2D,KAAKzD,EAAG,MAAM,CAACE,YAAY,oBAAoBG,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI4D,YAAYJ,MAAU,CAACxD,EAAIe,GAAG,iBAAgBb,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI6D,MAAM,iBAAiB,CAAC7D,EAAIe,GAAG,WAAW,GAAGb,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,QAAQ,CAACJ,EAAG,QAAQ,CAACqB,IAAI,aAAanB,YAAY,uBAAuBC,YAAY,CAAC,QAAU,QAAQC,MAAM,CAAC,KAAO,OAAO,SAAW,WAAW,OAAS,QAAQC,GAAG,CAAC,OAAS,SAASY,GAAQ,OAAOnB,EAAI8D,WAAW3C,OAAYnB,EAAIuC,GAAIvC,EAAI+D,aAAa,SAASR,EAAKC,GAAO,OAAOtD,EAAG,MAAM,CAACuC,IAAIc,EAAKb,IAAIpC,MAAM,CAAC,MAAQiD,EAAKb,MAAM,CAACxC,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIe,GAAG,IAAIf,EAAIgB,GAAGuC,EAAKE,SAAWF,EAAKE,SAAWF,EAAKZ,MAAM,OAAQ3C,EAAI6B,iBAAkB3B,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIe,GAAG,UAAUf,EAAI2D,KAAKzD,EAAG,MAAM,CAACE,YAAY,oBAAoBG,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI4D,YAAYJ,MAAU,CAACxD,EAAIe,GAAG,iBAAgBb,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI6D,MAAM,iBAAiB,CAAC7D,EAAIe,GAAG,WAAW,GAAGb,EAAG,WAAW,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAIgE,aAAa,eAAe,CAAChE,EAAIe,GAAG,SAAS,IAAI,GAAGb,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIe,GAAG,QAAQb,EAAG,WAAW,CAACI,MAAM,CAAC,KAAO,gBAAgB,CAACJ,EAAG,SAAS,CAACG,YAAY,CAAC,MAAQ,SAASC,MAAM,CAAC,WAAa,GAAG,gBAAgBN,EAAIiE,yBAAyB,QAAUjE,EAAIkE,mBAAmB,YAAc,QAAQ3D,GAAG,CAAC,YAAYP,EAAImE,SAAS1D,MAAM,CAACC,MAAOV,EAAIoE,aAAcxD,SAAS,SAAUC,GAAMb,EAAIoE,aAAavD,GAAKC,WAAW,iBAAiBd,EAAIuC,GAAIvC,EAAIqE,iBAAiB,SAASC,GAAa,OAAOpE,EAAG,SAAS,CAACuC,IAAI6B,EAAY5B,IAAIrC,YAAY,CAAC,MAAQ,QAAQ,QAAU,OAAO,kBAAkB,iBAAiBC,MAAM,CAAC,MAAQgE,EAAY5B,IAAI,MAAQ4B,EAAY3B,KAAK,OAAS,KAAK,CAACzC,EAAG,MAAM,CAACF,EAAIe,GAAGf,EAAIgB,GAAGsD,EAAY3B,SAASzC,EAAG,MAAM,CAACF,EAAIe,GAAG,aAAY,IAAI,GAAGb,EAAG,MAAM,CAACqB,IAAI,eAAenB,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,QAAUN,EAAIyB,QAAQ,KAAOzB,EAAIuE,UAAU,OAASvE,EAAI2B,aAAa6C,YAAYxE,EAAIyE,GAAG,CAAC,CAAChC,IAAI,YAAYiC,GAAG,UAAS,IAAEC,IAAO,MAAO,CAACzE,EAAG,OAAO,CAACE,YAAY,YAAYE,MAAM,CAAC,KAAO,6BAA6BC,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAOnB,EAAI4E,WAAWD,EAAIjC,iBAAiB,IAAI,QAAQ,IAEv+Ld,EAAkB,G,wBCsNP,GACfe,KAAA,sBACAkC,OACA,OACAzC,iBAAA,EACA8B,oBAAA,EACApC,cAAA,EACAD,iBAAA,KACAF,YAAA,IACAI,SAAA,CACAmB,kBAAA,KACAC,gBAAA,KACAd,SAAA,KACAO,QAAA,KACAQ,OAAA,KACAL,OAAA,KACA+B,SAAA,GACAC,QAAA,KACAC,cAAA,MAEAvD,QAAA,CACA,CACAwD,MAAA,KACAxC,IAAA,KACA1C,QAAAmF,EAAAC,IACAD,EAAA,OAAAC,EAAAR,IAAAS,OAGA,CACAH,MAAA,MACAxC,IAAA,SACA4C,MAAA,SACAtF,QAAAmF,EAAAC,IACAD,EAAA,OAAAC,EAAAR,IAAAhC,OAGA,CACAsC,MAAA,IACAxC,IAAA,YACA6C,KAAA,YACAD,MAAA,OACAE,MAAA,KAGAvD,aAAA,CACAY,QAAA,CACA,CACA4C,UAAA,EACAC,QAAA,SACAC,QAAA,SAGArD,SAAA,CACA,CACAmD,UAAA,EACAC,QAAA,SACAC,QAAA,SAGA3C,OAAA,CACA,CACAyC,UAAA,EACAC,QAAA,WACAC,QAAA,SAGAxC,kBAAA,CACA,CACAsC,UAAA,EACAG,KAAA,OACAF,QAAA,aACAC,QAAA,YAIA1C,WAAA,CACA,CACAtC,MAAA,UACAuC,MAAA,MAEA,CACAvC,MAAA,kBACAuC,MAAA,OAEA,CACAvC,MAAA,kBACAuC,MAAA,OAEA,CACAvC,MAAA,kBACAuC,MAAA,QAEA,CACAvC,MAAA,WACAuC,MAAA,QAGAK,YAAA,GACAS,YAAA,GACAK,aAAA,GACAG,UAAA,KAGAqB,SAAA,IACAC,eAAA,CACArD,aAAAsD,KAAAzD,SAAA0D,gBACAlD,YAAAiD,KAAAlD,QAAAC,YACAwB,gBAAAyB,KAAAxB,YAAAD,mBAGA2B,QAAA,CACA,mBAAAC,GACA,KAAAA,IACA,KAAA7D,iBAAA,QACA,KAAA8D,gBAAA,CAAAvD,KAAAsD,IACA,KAAA7D,iBAAA,IAGA,+BAAAO,GACA,KAAAA,IACA,KAAAuB,oBAAA,QACA,KAAAiC,mBAAA,CAAAxD,SACA,KAAAuB,oBAAA,OAGAkC,eAAA,CACAC,iBAAA,oCACAC,iBAAA,oCACAC,eAAA,+BACAL,gBAAA,uCACAC,mBAAA,yCAEA,iBAAAK,GACA,KAAA1E,cAAA,EACA,KAAAV,MAAA,YAAAqF,cACA,KAAA5E,iBAAA2E,EACA,KAAAlD,YAAA,KACA,KAAAS,YAAA,KACAyC,IACA,KAAAzE,SAAAY,KAAA,KAAAd,iBAAAc,KACA,KAAAZ,SAAAqB,OAAA,KAAAvB,iBAAAuB,OACA,KAAArB,SAAAmB,kBACA,KAAArB,iBAAAqB,kBACA,KAAAnB,SAAAoB,gBAAA,KAAAtB,iBAAAsB,gBACA,KAAApB,SAAAa,QAAA,KAAAf,iBAAAe,QAAAF,IACA,KAAAX,SAAAgB,OAAA,KAAAlB,iBAAAkB,aACA,KAAAmD,gBAAA,UACA,KAAAC,mBAAA,IACA,KAAA7C,YAAA,KAAAzB,iBAAAkD,QACA,KAAAhB,YAAA,KAAAlC,iBAAAmD,cACA,KAAAjD,SAAAM,SAAA,KAAAR,iBAAAQ,SAAAK,MAIAW,WAAAqD,GACA,MAAAnD,EAAAmD,EAAAC,OAAAC,MACA,QAAAC,EAAA,EAAAA,EAAAtD,EAAAuD,OAAAD,IACA,KAAAvD,YAAAyD,KAAAxD,EAAAsD,KAGA/C,WAAA4C,GACA,MAAAnD,EAAAmD,EAAAC,OAAAC,MACA,QAAAC,EAAA,EAAAA,EAAAtD,EAAAuD,OAAAD,IACA,KAAA9C,YAAAgD,KAAAxD,EAAAsD,KAGAhD,MAAAmD,GACA,KAAA5F,MAAA4F,GAAAC,cAAA,IAAAC,WAAA,WAEAtD,YAAAJ,GACA,KAAAF,YAAA6D,OAAA3D,EAAA,IAEAE,aAAAH,KAEAY,UACA,MAAAiD,EAAA,KAAA/C,gBAAAgD,OAAAC,GACAA,EAAA5E,MAAA,KAAA0B,cAEA,KAAAG,UAAA,KAAAA,UAAAgD,OAAAH,GACA,KAAAhD,aAAA,IAEAQ,WAAA4C,GACA,KAAAjD,UAAA,KAAAA,UAAA8C,OAAAC,GACAA,EAAA5E,MAAA8E,IAGAxD,aAAArB,GACA,KAAAvB,MAAAuB,GAAA8E,SAAA,UACA,GAAAC,EACA,IACA,QAAA7F,uBACA,KAAAyE,iBAAA,CACAkB,GAAA,KAAA3F,iBAAAa,IACAmC,KAAA,KAAA9C,eAEA,CACA,KAAAqC,aAAA0C,OAAA,IACA,KAAA/E,SAAA+C,SAAA,KAAAV,cAEA,IAAAuD,EAAA,IAAAC,SACAD,EAAAE,OAAA,OAAAC,KAAAC,UAAA,KAAAhG,WACA,KAAAuB,YAAA0E,QAAAV,GAAAK,EAAAE,OAAA,UAAAP,IACA,KAAAvD,YAAAiE,QAAAV,GACAK,EAAAE,OAAA,gBAAAP,UAEA,KAAAjB,iBAAAsB,GAEA,KAAArE,YAAA,GACA,KAAAS,YAAA,GACA,KAAAkE,SAAAC,QAAA,SAEA,KAAApG,cAAA,EACA,MAAAqG,GACA,KAAAF,SAAAE,MAAA,OAAAA,QAGA,KAAAF,SAAAE,MAAA,aAKAC,UACA,KAAA7B,eAAA,IACA,KAAAJ,mBAAA,MCvbysB,I,wBCQrsBkC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,kDCgCA,GACf1F,KAAA,aACA2F,WAAA,CAAAjH,uBACAkH,MAAA,GACA1D,OACA,OACA2D,KAAA,EACA7H,WAAA,GACAa,cAAA,EACAC,QAAA,CACA,CACAwD,MAAA,KACAxC,IAAA,WACA1C,QAAAmF,EAAAC,IACAD,EAAA,OACAA,EACA,KACA,CACAqD,MAAA,CACA5C,KAAA,OACA8C,KAAA,SAEAC,MAAA,CACAC,MAAA,UACAC,OAAA,WAEArI,GAAA,CACAsI,WACA,KAAAzH,MAAAC,oBAAAC,WAAA6D,EAAAR,QAIAQ,EAAAR,IAAAtC,SAAAM,SAKA,CACAsC,MAAA,KACAxC,IAAA,UACA1C,QAAAmF,EAAAC,IACAD,EACA,QACAC,EAAAR,IAAA/B,QAAAkG,KACA3D,EAAAR,IAAA/B,QAAAD,QAKA,CACAsC,MAAA,OACAxC,IAAA,SACA4C,MAAA,UAEA,CACAJ,MAAA,OACAxC,IAAA,WACA4C,MAAA,UAEA,CACAJ,MAAA,OACAxC,IAAA,QACA4C,MAAA,UAEA,CACAJ,MAAA,OACAxC,IAAA,aACA4C,MAAA,SACAtF,QAAAmF,EAAAC,IACAD,EAAA,OAAA6D,IAAA5D,EAAAR,IAAAqE,YAAAC,OAAA,gBAGA,CACAhE,MAAA,KACAxC,IAAA,SACA4C,MAAA,WAGA1D,YAAA,MAGAiE,SAAA,IACAC,eAAA,CACAnE,UAAAoE,KAAAU,WAAA0C,eACAjI,UAAA6E,KAAAU,WAAA2C,eAGAnD,QAAA,IACAI,eAAA,CACAgD,kBAAA,uCAEA,wBAAAZ,GACAA,IAAA,KAAAA,OAAA,GACA,IAAAa,EAAA,CAAAC,KAAA,QAAAd,KAAAe,MAAA,IACA,KAAA5I,aAAA0I,EAAA1I,WAAA,KAAAA,YAEA,IACA,KAAAa,cAAA,QACA,KAAA4H,kBAAAC,GACA,KAAA7H,cAAA,EACA,MAAA2G,GACA,KAAAF,SAAAE,MAAA,SAAAA,GACA,KAAA3G,cAAA,IAGAhB,oBAAAgJ,IAAAC,UAAA,WACA,KAAAjB,KAAA,EACA,KAAAtH,sBACA,MAEAwI,UACA,KAAAxI,qBAEAkH,UACA,KAAAzG,YAAA,KAAAP,MAAAuI,aAAAC,aACAC,OAAAC,SAAA,KACA,KAAAnI,YAAA,KAAAP,MAAAuI,aAAAC,eAGAG,YACAF,OAAAC,SAAA,OC3K2rB,ICQvrB,G,UAAY,eACd,EACA/J,EACA6B,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,W,oCCAA,W","file":"js/chunk-0bbcc6b0.23789540.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"handle-wrapper\"},[_c('Input',{staticStyle:{\"width\":\"250px\",\"margin-right\":\"auto\"},attrs:{\"search\":\"\",\"placeholder\":\"搜索客户...\",\"clearable\":\"\",\"icon\":\"ios-search\"},on:{\"on-change\":_vm.searchSacTankRental},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}}),_c('span',[_vm._v(\"共\"+_vm._s(_vm.totalRows)+\"条\")]),_c('Page',{staticStyle:{\"margin-right\":\"24px\"},attrs:{\"total\":_vm.totalRows,\"page-size\":15,\"show-total\":\"\",\"simple\":\"\"},on:{\"on-change\":_vm.loadSacTankRental}}),_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.AddTankRentalDrawer.openDrawer()}}},[_vm._v(\"新增储罐租借\")])],1),_c('div',{ref:\"tableWrapper\",staticClass:\"table-wrapper\"},[_c('Table',{attrs:{\"loading\":_vm.tableLoading,\"columns\":_vm.columns,\"data\":_vm.tableData,\"height\":_vm.tableHeight}})],1),_c('AddTankRentalDrawer',{ref:\"AddTankRentalDrawer\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Drawer',{attrs:{\"width\":\"800\",\"title\":`${_vm.openedTankRental ? '编辑' : '新增'}储罐借用`},model:{value:(_vm.drawerOpened),callback:function ($$v) {_vm.drawerOpened=$$v},expression:\"drawerOpened\"}},[_c('Form',{ref:\"formItem\",attrs:{\"model\":_vm.formItem,\"rules\":_vm.ruleValidate,\"label-position\":\"top\"},nativeOn:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"addForm\"},[_c('FormItem',{attrs:{\"label\":\"客户\",\"prop\":\"customer\"}},[_c('Select',{staticStyle:{\"width\":\"350px\"},attrs:{\"filterable\":\"\",\"remote-method\":_vm.remoteMethod,\"loading\":_vm.customerLoading,\"placeholder\":\"请填写客户名字后选择\"},model:{value:(_vm.formItem.customer),callback:function ($$v) {_vm.$set(_vm.formItem, \"customer\", $$v)},expression:\"formItem.customer\"}},_vm._l((_vm.customerList),function(customer){return _c('Option',{key:customer._id,staticStyle:{\"width\":\"350px\"},attrs:{\"value\":customer._id,\"remote\":\"\"}},[_vm._v(_vm._s(customer.name))])}),1)],1),_c('FormItem',{attrs:{\"label\":\"公司\",\"prop\":\"company\"}},[_c('Select',{staticStyle:{\"width\":\"350px\"},model:{value:(_vm.formItem.company),callback:function ($$v) {_vm.$set(_vm.formItem, \"company\", $$v)},expression:\"formItem.company\"}},_vm._l((_vm.companyList),function(company){return _c('Option',{key:company._id,staticStyle:{\"width\":\"350px\"},attrs:{\"value\":company._id}},[_vm._v(_vm._s(company.name))])}),1)],1),_c('FormItem',{attrs:{\"label\":\"合同编号\",\"prop\":\"remark\"}},[_c('Input',{staticStyle:{\"width\":\"300px\"},attrs:{\"placeholder\":\"输入合同编号...\"},model:{value:(_vm.formItem.contractId),callback:function ($$v) {_vm.$set(_vm.formItem, \"contractId\", $$v)},expression:\"formItem.contractId\"}})],1),_c('FormItem',{attrs:{\"label\":\"合同状态\",\"prop\":\"status\"}},[_c('Select',{staticStyle:{\"width\":\"300px\"},model:{value:(_vm.formItem.status),callback:function ($$v) {_vm.$set(_vm.formItem, \"status\", $$v)},expression:\"formItem.status\"}},_vm._l((_vm.statusList),function(status){return _c('Option',{key:status.value,staticStyle:{\"width\":\"300px\"},attrs:{\"value\":status.value}},[_vm._v(_vm._s(status.label))])}),1)],1),_c('FormItem',{attrs:{\"label\":\"合同开始日期\",\"prop\":\"contractStartedAt\"}},[_c('DatePicker',{staticStyle:{\"width\":\"300px\"},attrs:{\"type\":\"date\",\"placeholder\":\"选择合同开始日期\"},model:{value:(_vm.formItem.contractStartedAt),callback:function ($$v) {_vm.$set(_vm.formItem, \"contractStartedAt\", $$v)},expression:\"formItem.contractStartedAt\"}})],1),_c('FormItem',{attrs:{\"label\":\"合同结束日期\",\"prop\":\"contractEndedAt\"}},[_c('DatePicker',{staticStyle:{\"width\":\"300px\"},attrs:{\"type\":\"date\",\"placeholder\":\"选择合同结束日期\"},model:{value:(_vm.formItem.contractEndedAt),callback:function ($$v) {_vm.$set(_vm.formItem, \"contractEndedAt\", $$v)},expression:\"formItem.contractEndedAt\"}})],1),_c('FormItem',{attrs:{\"label\":\"备注\",\"prop\":\"remark\"}},[_c('Input',{staticStyle:{\"width\":\"350px\"},attrs:{\"placeholder\":\"输入备注...\"},model:{value:(_vm.formItem.remark),callback:function ($$v) {_vm.$set(_vm.formItem, \"remark\", $$v)},expression:\"formItem.remark\"}})],1),_c('FormItem',{attrs:{\"label\":\"doc文件\",\"prop\":\"doc\"}},[_c('input',{ref:\"docFilElem\",staticClass:\"add-file-right-input\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"multiple\":\"multiplt\",\"accept\":\".docx,.doc\"},on:{\"change\":function($event){return _vm.getDocFile($event)}}}),_vm._l((_vm.docFileList),function(file,index){return _c('div',{key:file._id,attrs:{\"value\":file._id}},[_c('div',{staticClass:\"fileList-item\"},[_c('div',{staticClass:\"fileList-item-name\"},[_vm._v(\" \"+_vm._s(file.fileName ? file.fileName : file.name)+\" \")]),(_vm.openedTankRental)?_c('div',{staticClass:\"fileList-item-down\",on:{\"click\":function($event){return _vm.downFileItem(file)}}},[_vm._v(\" 下载 \")]):_vm._e(),_c('div',{staticClass:\"fileList-item-del\",on:{\"click\":function($event){return _vm.delFileItem(index)}}},[_vm._v(\" 删除 \")])])])}),_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.openF('docFilElem')}}},[_vm._v(\"选择文件\")])],2),_c('FormItem',{attrs:{\"label\":\"pdf文件\",\"prop\":\"pdf\"}},[_c('input',{ref:\"pdfFilElem\",staticClass:\"add-file-right-input\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"multiple\":\"multiplt\",\"accept\":\".pdf\"},on:{\"change\":function($event){return _vm.getPdfFile($event)}}}),_vm._l((_vm.pdfFileList),function(file,index){return _c('div',{key:file._id,attrs:{\"value\":file._id}},[_c('div',{staticClass:\"fileList-item\"},[_c('div',{staticClass:\"fileList-item-name\"},[_vm._v(\" \"+_vm._s(file.fileName ? file.fileName : file.name)+\" \")]),(_vm.openedTankRental)?_c('div',{staticClass:\"fileList-item-down\"},[_vm._v(\" 下载 \")]):_vm._e(),_c('div',{staticClass:\"fileList-item-del\",on:{\"click\":function($event){return _vm.delFileItem(index)}}},[_vm._v(\" 删除 \")])])])}),_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.openF('pdfFilElem')}}},[_vm._v(\"选择文件\")])],2),_c('FormItem',[_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.handleSubmit('formItem')}}},[_vm._v(\"保存\")])],1)],1),_c('div',{staticClass:\"storagetank\"},[_c('h3',[_vm._v(\"储罐\")]),_c('FormItem',{attrs:{\"prop\":\"storageTank\"}},[_c('Select',{staticStyle:{\"width\":\"350px\"},attrs:{\"filterable\":\"\",\"remote-method\":_vm.getStorageTankListMethod,\"loading\":_vm.storageTankLoading,\"placeholder\":\"搜索储罐\"},on:{\"on-change\":_vm.addTank},model:{value:(_vm.selectedTank),callback:function ($$v) {_vm.selectedTank=$$v},expression:\"selectedTank\"}},_vm._l((_vm.storageTankList),function(storageTank){return _c('Option',{key:storageTank._id,staticStyle:{\"width\":\"350px\",\"display\":\"flex\",\"justify-content\":\"space-between\"},attrs:{\"value\":storageTank._id,\"label\":storageTank.name,\"remote\":\"\"}},[_c('div',[_vm._v(_vm._s(storageTank.name))]),_c('div',[_vm._v(\"添加\")])])}),1)],1),_c('div',{ref:\"tableWrapper\",staticClass:\"table-wrapper\"},[_c('Table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.tankTable,\"height\":_vm.tableHeight},scopedSlots:_vm._u([{key:\"deleteBtn\",fn:function({ row }){return [_c('Icon',{staticClass:\"deleteBtn\",attrs:{\"type\":\"ios-remove-circle-outline\"},on:{\"click\":function($event){return _vm.removeTank(row._id)}}})]}}])})],1)],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n * @Author: zjt\r\n * @Email: 13928932429@163.com\r\n * @Date: 2020-08-10 21:19:08\r\n * @LastEditTime: 2020-09-27 09:59:18\r\n * @Description: 添加编辑储罐借用抽屉\r\n-->\r\n<template>\r\n  <Drawer\r\n    width=\"800\"\r\n    :title=\"`${openedTankRental ? '编辑' : '新增'}储罐借用`\"\r\n    v-model=\"drawerOpened\"\r\n  >\r\n    <Form\r\n      @submit.native.prevent\r\n      ref=\"formItem\"\r\n      :model=\"formItem\"\r\n      :rules=\"ruleValidate\"\r\n      label-position=\"top\"\r\n    >\r\n      <div class=\"wrap\">\r\n        <div class=\"addForm\">\r\n          <FormItem label=\"客户\" prop=\"customer\">\r\n            <Select\r\n              v-model=\"formItem.customer\"\r\n              style=\"width: 350px\"\r\n              filterable\r\n              :remote-method=\"remoteMethod\"\r\n              :loading=\"customerLoading\"\r\n              placeholder=\"请填写客户名字后选择\"\r\n            >\r\n              <Option\r\n                v-for=\"customer in customerList\"\r\n                :value=\"customer._id\"\r\n                remote\r\n                :key=\"customer._id\"\r\n                style=\"width: 350px\"\r\n                >{{ customer.name }}</Option\r\n              >\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem label=\"公司\" prop=\"company\">\r\n            <Select v-model=\"formItem.company\" style=\"width: 350px\">\r\n              <Option\r\n                v-for=\"company in companyList\"\r\n                :value=\"company._id\"\r\n                :key=\"company._id\"\r\n                style=\"width: 350px\"\r\n                >{{ company.name }}</Option\r\n              >\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem label=\"合同编号\" prop=\"remark\">\r\n            <Input\r\n              v-model=\"formItem.contractId\"\r\n              style=\"width: 300px\"\r\n              placeholder=\"输入合同编号...\"\r\n            />\r\n          </FormItem>\r\n          <FormItem label=\"合同状态\" prop=\"status\">\r\n            <Select v-model=\"formItem.status\" style=\"width: 300px\">\r\n              <Option\r\n                v-for=\"status in statusList\"\r\n                :value=\"status.value\"\r\n                :key=\"status.value\"\r\n                style=\"width: 300px\"\r\n                >{{ status.label }}</Option\r\n              >\r\n            </Select>\r\n          </FormItem>\r\n          <FormItem label=\"合同开始日期\" prop=\"contractStartedAt\">\r\n            <DatePicker\r\n              type=\"date\"\r\n              v-model=\"formItem.contractStartedAt\"\r\n              style=\"width: 300px\"\r\n              placeholder=\"选择合同开始日期\"\r\n            ></DatePicker>\r\n          </FormItem>\r\n          <FormItem label=\"合同结束日期\" prop=\"contractEndedAt\">\r\n            <DatePicker\r\n              type=\"date\"\r\n              v-model=\"formItem.contractEndedAt\"\r\n              style=\"width: 300px\"\r\n              placeholder=\"选择合同结束日期\"\r\n            ></DatePicker>\r\n          </FormItem>\r\n          <FormItem label=\"备注\" prop=\"remark\">\r\n            <Input\r\n              v-model=\"formItem.remark\"\r\n              style=\"width: 350px\"\r\n              placeholder=\"输入备注...\"\r\n            />\r\n          </FormItem>\r\n          <FormItem label=\"doc文件\" prop=\"doc\">\r\n            <input\r\n              type=\"file\"\r\n              ref=\"docFilElem\"\r\n              @change=\"getDocFile($event)\"\r\n              multiple=\"multiplt\"\r\n              class=\"add-file-right-input\"\r\n              style=\"display: none\"\r\n              accept=\".docx,.doc\"\r\n            />\r\n            <div\r\n              v-for=\"(file, index) in docFileList\"\r\n              :value=\"file._id\"\r\n              :key=\"file._id\"\r\n            >\r\n              <div class=\"fileList-item\">\r\n                <div class=\"fileList-item-name\">\r\n                  {{ file.fileName ? file.fileName : file.name }}\r\n                </div>\r\n                <div\r\n                  class=\"fileList-item-down\"\r\n                  @click=\"downFileItem(file)\"\r\n                  v-if=\"openedTankRental\"\r\n                >\r\n                  下载\r\n                </div>\r\n                <div class=\"fileList-item-del\" @click=\"delFileItem(index)\">\r\n                  删除\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <Button type=\"primary\" @click=\"openF('docFilElem')\"\r\n              >选择文件</Button\r\n            >\r\n          </FormItem>\r\n          <FormItem label=\"pdf文件\" prop=\"pdf\">\r\n            <input\r\n              type=\"file\"\r\n              ref=\"pdfFilElem\"\r\n              @change=\"getPdfFile($event)\"\r\n              multiple=\"multiplt\"\r\n              class=\"add-file-right-input\"\r\n              style=\"display: none\"\r\n              accept=\".pdf\"\r\n            />\r\n            <div\r\n              v-for=\"(file, index) in pdfFileList\"\r\n              :value=\"file._id\"\r\n              :key=\"file._id\"\r\n            >\r\n              <div class=\"fileList-item\">\r\n                <div class=\"fileList-item-name\">\r\n                  {{ file.fileName ? file.fileName : file.name }}\r\n                </div>\r\n                <div class=\"fileList-item-down\" v-if=\"openedTankRental\">\r\n                  下载\r\n                </div>\r\n                <div class=\"fileList-item-del\" @click=\"delFileItem(index)\">\r\n                  删除\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <Button type=\"primary\" @click=\"openF('pdfFilElem')\"\r\n              >选择文件</Button\r\n            >\r\n          </FormItem>\r\n          <FormItem>\r\n            <Button type=\"primary\" @click=\"handleSubmit('formItem')\"\r\n              >保存</Button\r\n            >\r\n          </FormItem>\r\n        </div>\r\n        <div class=\"storagetank\">\r\n          <h3>储罐</h3>\r\n          <FormItem prop=\"storageTank\">\r\n            <Select\r\n              style=\"width: 350px\"\r\n              filterable\r\n              v-model=\"selectedTank\"\r\n              @on-change=\"addTank\"\r\n              :remote-method=\"getStorageTankListMethod\"\r\n              :loading=\"storageTankLoading\"\r\n              placeholder=\"搜索储罐\"\r\n            >\r\n              <Option\r\n                v-for=\"storageTank in storageTankList\"\r\n                :value=\"storageTank._id\"\r\n                :label=\"storageTank.name\"\r\n                remote\r\n                :key=\"storageTank._id\"\r\n                style=\"\r\n                  width: 350px;\r\n                  display: flex;\r\n                  justify-content: space-between;\r\n                \"\r\n                ><div>{{ storageTank.name }}</div>\r\n                <div>添加</div></Option\r\n              >\r\n            </Select>\r\n          </FormItem>\r\n          <div class=\"table-wrapper\" ref=\"tableWrapper\">\r\n            <Table :columns=\"columns\" :data=\"tankTable\" :height=\"tableHeight\">\r\n              <template\r\n                slot-scope=\"{ row }\"\r\n                slot=\"deleteBtn\"\r\n                style=\"padding-left: 0\"\r\n              >\r\n                <Icon\r\n                  type=\"ios-remove-circle-outline\"\r\n                  class=\"deleteBtn\"\r\n                  @click=\"removeTank(row._id)\"\r\n                /> </template\r\n            ></Table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Form>\r\n  </Drawer>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"AddTankRentalDrawer\",\r\n  data() {\r\n    return {\r\n      customerLoading: false,\r\n      storageTankLoading: false,\r\n      drawerOpened: false,\r\n      openedTankRental: null,\r\n      tableHeight: 300,\r\n      formItem: {\r\n        contractStartedAt: null,\r\n        contractEndedAt: null,\r\n        customer: null,\r\n        company: null,\r\n        remark: null,\r\n        status: null,\r\n        tankList: [],\r\n        docFile: null,\r\n        signedPdfFile: null,\r\n      },\r\n      columns: [\r\n        {\r\n          title: \"ID\",\r\n          key: \"id\",\r\n          render: (h, params) => {\r\n            return h(\"span\", params.row.NoId);\r\n          },\r\n        },\r\n        {\r\n          title: \"储罐名\",\r\n          key: \"weight\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", params.row.name);\r\n          },\r\n        },\r\n        {\r\n          title: \" \",\r\n          key: \"deleteBtn\",\r\n          slot: \"deleteBtn\",\r\n          align: \"left\",\r\n          width: 40,\r\n        },\r\n      ],\r\n      ruleValidate: {\r\n        company: [\r\n          {\r\n            required: true,\r\n            message: \"公司为必填项\",\r\n            trigger: \"blur\",\r\n          },\r\n        ],\r\n        customer: [\r\n          {\r\n            required: true,\r\n            message: \"客户为必填项\",\r\n            trigger: \"blur\",\r\n          },\r\n        ],\r\n        status: [\r\n          {\r\n            required: true,\r\n            message: \"合同状态为必填项\",\r\n            trigger: \"blur\",\r\n          },\r\n        ],\r\n        contractStartedAt: [\r\n          {\r\n            required: true,\r\n            type: \"date\",\r\n            message: \"合同开始日期为必填项\",\r\n            trigger: \"change\",\r\n          },\r\n        ],\r\n      },\r\n      statusList: [\r\n        {\r\n          value: \"created\",\r\n          label: \"创建\",\r\n        },\r\n        {\r\n          value: \"activeButNoSign\",\r\n          label: \"未签署\",\r\n        },\r\n        {\r\n          value: \"activeAndSigned\",\r\n          label: \"已签署\",\r\n        },\r\n        {\r\n          value: \"readyToShipBack\",\r\n          label: \"准备发货\",\r\n        },\r\n        {\r\n          value: \"finished\",\r\n          label: \"已完成\",\r\n        },\r\n      ],\r\n      docFileList: [],\r\n      pdfFileList: [],\r\n      selectedTank: [],\r\n      tankTable: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      customerList: (state) => state.customer.customersSimple,\r\n      companyList: (state) => state.company.companyList,\r\n      storageTankList: (state) => state.storageTank.storageTankList,\r\n    }),\r\n  },\r\n  methods: {\r\n    async remoteMethod(query) {\r\n      if (query !== \"\") {\r\n        this.customerLoading = true;\r\n        await this.getCustomerList({ name: query });\r\n        this.customerLoading = false;\r\n      }\r\n    },\r\n    async getStorageTankListMethod(name) {\r\n      if (name !== \"\") {\r\n        this.storageTankLoading = true;\r\n        await this.getStorageTankList({ name });\r\n        this.storageTankLoading = false;\r\n      }\r\n    },\r\n    ...mapActions({\r\n      createTankRental: \"tankRental/createTankRentalAction\",\r\n      updateTankRental: \"tankRental/updateTankRentalAction\",\r\n      getCompanyList: \"company/getCompanyListAction\",\r\n      getCustomerList: \"customer/getCustomerSimpleListAction\",\r\n      getStorageTankList: \"storageTank/getStorageTankListAction\",\r\n    }),\r\n    async openDrawer(tankRental) {\r\n      this.drawerOpened = true;\r\n      this.$refs[\"formItem\"].resetFields();\r\n      this.openedTankRental = tankRental;\r\n      this.docFileList = null;\r\n      this.pdfFileList = null;\r\n      if (tankRental) {\r\n        this.formItem.name = this.openedTankRental.name;\r\n        this.formItem.remark = this.openedTankRental.remark;\r\n        this.formItem.contractStartedAt =\r\n          this.openedTankRental.contractStartedAt;\r\n        this.formItem.contractEndedAt = this.openedTankRental.contractEndedAt;\r\n        this.formItem.company = this.openedTankRental.company._id;\r\n        this.formItem.status = this.openedTankRental.status;\r\n        await this.getCustomerList({});\r\n        await this.getStorageTankList({});\r\n        this.docFileList = this.openedTankRental.docFile;\r\n        this.pdfFileList = this.openedTankRental.signedPdfFile;\r\n        this.formItem.customer = this.openedTankRental.customer._id;\r\n      }\r\n    },\r\n    // 上传文件\r\n    getDocFile(e) {\r\n      const file = e.target.files;\r\n      for (let i = 0; i < file.length; i++) {\r\n        this.docFileList.push(file[i]);\r\n      }\r\n    },\r\n    getPdfFile(e) {\r\n      const file = e.target.files;\r\n      for (let i = 0; i < file.length; i++) {\r\n        this.pdfFileList.push(file[i]);\r\n      }\r\n    },\r\n    openF(tag) {\r\n      this.$refs[tag].dispatchEvent(new MouseEvent(\"click\"));\r\n    },\r\n    delFileItem(index) {\r\n      this.docFileList.splice(index, 1);\r\n    },\r\n    downFileItem(file) {\r\n    },\r\n    addTank() {\r\n      const item = this.storageTankList.filter((x) => {\r\n        return x._id === this.selectedTank;\r\n      });\r\n      this.tankTable = this.tankTable.concat(item);\r\n      this.selectedTank = [];\r\n    },\r\n    removeTank(id) {\r\n      this.tankTable = this.tankTable.filter((x) => {\r\n        return x._id !== id;\r\n      });\r\n    },\r\n    handleSubmit(name) {\r\n      this.$refs[name].validate(async (valid) => {\r\n        if (valid) {\r\n          try {\r\n            if (this.openedTankRental) {\r\n              await this.updateTankRental({\r\n                id: this.openedTankRental._id,\r\n                data: this.formItem,\r\n              });\r\n            } else {\r\n              if (this.selectedTank.length > 0) {\r\n                this.formItem.tankList = this.selectedTank;\r\n              }\r\n              let formData = new FormData();\r\n              formData.append(\"data\", JSON.stringify(this.formItem));\r\n              this.docFileList.forEach((x) => formData.append(\"docFile\", x));\r\n              this.pdfFileList.forEach((x) =>\r\n                formData.append(\"signedPdfFile\", x)\r\n              );\r\n              await this.createTankRental(formData);\r\n            }\r\n            this.docFileList = [];\r\n            this.pdfFileList = [];\r\n            this.$Message.success(\"保存成功!\");\r\n\r\n            this.drawerOpened = false;\r\n          } catch (error) {\r\n            this.$Message.error(`失败: ${error}`);\r\n          }\r\n        } else {\r\n          this.$Message.error(\"保存失败!\");\r\n        }\r\n      });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getCompanyList({});\r\n    this.getStorageTankList({});\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.wrap\r\n  display flex\r\n  padding 10px 10px 0 20px\r\n\r\n  .addForm, .storagetank\r\n    width 360px\r\n\r\n.fileList-item\r\n  display flex\r\n\r\n  .fileList-item-name\r\n    margin-right 20px\r\n\r\n  .fileList-item-del\r\n    color red\r\n    cursor pointer\r\n\r\n  .fileList-item-down\r\n    color blue\r\n    cursor pointer\r\n    margin-right 20px\r\n</style>\r\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./AddTankRentalDrawer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./AddTankRentalDrawer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddTankRentalDrawer.vue?vue&type=template&id=6f8e4d06&scoped=true\"\nimport script from \"./AddTankRentalDrawer.vue?vue&type=script&lang=js\"\nexport * from \"./AddTankRentalDrawer.vue?vue&type=script&lang=js\"\nimport style0 from \"./AddTankRentalDrawer.vue?vue&type=style&index=0&id=6f8e4d06&prod&scoped=true&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6f8e4d06\",\n  null\n  \n)\n\nexport default component.exports","<!--\r\n * @Author: zjt\r\n * @Email: 13928932429@163.com\r\n * @Date: 2020-08-10 17:57:03\r\n * @LastEditTime: 2020-09-11 10:22:35\r\n * @Description: 储罐租借页面\r\n-->\r\n<template>\r\n  <div class=\"container\">\r\n    <div class=\"handle-wrapper\">\r\n      <Input\r\n        v-model=\"searchText\"\r\n        search\r\n        placeholder=\"搜索客户...\"\r\n        clearable\r\n        icon=\"ios-search\"\r\n        @on-change=\"searchSacTankRental\"\r\n        style=\"width: 250px; margin-right: auto\"\r\n      >\r\n      </Input>\r\n      <span>共{{ totalRows }}条</span>\r\n      <Page\r\n        :total=\"totalRows\"\r\n        :page-size=\"15\"\r\n        @on-change=\"loadSacTankRental\"\r\n        show-total\r\n        simple\r\n        style=\"margin-right: 24px\"\r\n      />\r\n      <Button type=\"primary\" @click=\"$refs.AddTankRentalDrawer.openDrawer()\"\r\n        >新增储罐租借</Button\r\n      >\r\n    </div>\r\n    <div class=\"table-wrapper\" ref=\"tableWrapper\">\r\n      <Table\r\n        :loading=\"tableLoading\"\r\n        :columns=\"columns\"\r\n        :data=\"tableData\"\r\n        :height=\"tableHeight\"\r\n      ></Table>\r\n    </div>\r\n    <AddTankRentalDrawer ref=\"AddTankRentalDrawer\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AddTankRentalDrawer from \"./AddTankRentalDrawer\";\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport dayjs from \"dayjs\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n  name: \"TankRental\",\r\n  components: { AddTankRentalDrawer },\r\n  props: {},\r\n  data() {\r\n    return {\r\n      page: 0,\r\n      searchText: \"\",\r\n      tableLoading: false,\r\n      columns: [\r\n        {\r\n          title: \"客户\",\r\n          key: \"customer\",\r\n          render: (h, params) => {\r\n            return h(\"div\", [\r\n              h(\r\n                \"h4\",\r\n                {\r\n                  props: {\r\n                    type: \"text\",\r\n                    size: \"small\",\r\n                  },\r\n                  style: {\r\n                    color: \"#42b983\",\r\n                    cursor: \"pointer\",\r\n                  },\r\n                  on: {\r\n                    click: () => {\r\n                      this.$refs.AddTankRentalDrawer.openDrawer(params.row);\r\n                    },\r\n                  },\r\n                },\r\n                params.row.customer.name\r\n              ),\r\n            ]);\r\n          },\r\n        },\r\n        {\r\n          title: \"公司\",\r\n          key: \"company\",\r\n          render: (h, params) => {\r\n            return h(\r\n              \"span\",\r\n              params.row.company.abbr\r\n                ? params.row.company.name\r\n                : params.row.company.name\r\n            );\r\n          },\r\n        },\r\n        {\r\n          title: \"容量/吨\",\r\n          key: \"weight\",\r\n          align: \"center\",\r\n        },\r\n        {\r\n          title: \"数量/个\",\r\n          key: \"quantity\",\r\n          align: \"center\",\r\n        },\r\n        {\r\n          title: \"金额/元\",\r\n          key: \"price\",\r\n          align: \"center\",\r\n        },\r\n        {\r\n          title: \"借用日期\",\r\n          key: \"rentalTime\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", dayjs(params.row.rentalTime).format(\"YYYY-MM-DD\"));\r\n          },\r\n        },\r\n        {\r\n          title: \"备注\",\r\n          key: \"remark\",\r\n          align: \"center\",\r\n        },\r\n      ],\r\n      tableHeight: 300,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      tableData: (state) => state.tankRental.tankRentalList,\r\n      totalRows: (state) => state.tankRental.totalCounts,\r\n    }),\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getTankRentalList: \"tankRental/getTankRentalListAction\",\r\n    }),\r\n    async loadSacTankRental(page) {\r\n      if (page) this.page = page - 1;\r\n      let api = { skip: this.page * 15, limit: 15 };\r\n      if (this.searchText) api.searchText = this.searchText;\r\n\r\n      try {\r\n        this.tableLoading = true;\r\n        await this.getTankRentalList(api);\r\n        this.tableLoading = false;\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败: ${error}`);\r\n        this.tableLoading = false;\r\n      }\r\n    },\r\n    searchSacTankRental: _.debounce(function () {\r\n      this.page = 0;\r\n      this.loadSacTankRental();\r\n    }, 1000),\r\n  },\r\n  created() {\r\n    this.loadSacTankRental();\r\n  },\r\n  mounted() {\r\n    this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    window.onresize = () => {\r\n      this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    };\r\n  },\r\n  destroyed() {\r\n    window.onresize = null;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.handle-wrapper\r\n  width 100%\r\n  height 48px\r\n  display flex\r\n  align-items center\r\n  justify-content flex-end\r\n\r\n.table-wrapper\r\n  width 100%\r\n  height calc(100% - 48px)\r\n</style>\r\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=49819abc&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=49819abc&prod&scoped=true&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"49819abc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=49819abc&prod&scoped=true&lang=stylus\"","export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./AddTankRentalDrawer.vue?vue&type=style&index=0&id=6f8e4d06&prod&scoped=true&lang=stylus\""],"sourceRoot":""}