{"version":3,"sources":["webpack:///./src/components/videoPlayer/videoPlayer.vue?b37b","webpack:///src/components/videoPlayer/videoPlayer.vue","webpack:///./src/components/videoPlayer/videoPlayer.vue?8e2a","webpack:///./src/components/videoPlayer/videoPlayer.vue","webpack:///./src/components/more-video-line.vue?d804","webpack:///./src/views/pages/about.vue?98a9","webpack:///./src/components/videoPlayer/videoPlayer.vue?3865","webpack:///./src/views/pages/about.vue?ced1","webpack:///./src/components/more-video-line.vue?662d","webpack:///src/components/more-video-line.vue","webpack:///./src/components/more-video-line.vue?4a98","webpack:///./src/components/more-video-line.vue","webpack:///src/views/pages/about.vue","webpack:///./src/views/pages/about.vue?f7a7","webpack:///./src/views/pages/about.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","height","on","$event","preventDefault","rightClcik","ref","attrs","playerOptions","onPlayerPlay","onPlayerPause","_e","staticRenderFns","component","_m","exInfo","directives","name","rawName","value","expression","logo","_v","_s","loading","remark","length","_l","item","index","key","text","fontSize","color","position","domProps","$service","replaceSpeace","content","picture","type","padding","itm","idx","spacing","staticStyle","url","list","video","link","cover","Time","website","OrganList","title","cItem","DateList","_f","startAt","it","endAt","state","class","theme","videoList","totalCount","loadMore","components","videoPlayer","data","pageIndex","pageSize","computed","videoOption","Equal","n","v","exhibitionId","query","variables","page","size","where","JSON","stringify","order","opt","created","videoInit","methods","i","arr","pause","setShare","getExhibition","getDate","document","exhibitionInfo","compareDate","stateTime","endTime"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAO,IAAEI,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAOP,EAAIQ,OAAU,UAAYR,EAAIQ,OAAS,MAAS,IAAK,CAACJ,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAOP,EAAIQ,OAAU,UAAYR,EAAIQ,OAAS,MAAS,IAAK,CAACJ,EAAG,MAAM,CAACE,YAAY,SAASC,MAAOP,EAAIQ,OAAU,UAAYR,EAAIQ,OAAS,MAAS,GAAIC,GAAG,CAAC,YAAc,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,gBAAgB,CAACR,EAAG,eAAe,CAACS,IAAI,cAAcP,YAAY,4CAA4CQ,MAAM,CAAC,aAAc,EAAK,QAAUd,EAAIe,eAAeN,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOV,EAAIgB,aAAaN,IAAS,MAAQ,SAASA,GAAQ,OAAOV,EAAIiB,cAAcP,QAAa,OAAOV,EAAIkB,MAChvBC,EAAkB,G,wBCoBtB,GACE,MAAF,gCACE,KAFF,WAGI,MAAJ,CACM,SACN,qGACM,cAAN,CACQ,UAAR,EACQ,OAAR,EACQ,MAAR,EACQ,QAAR,OACQ,SAAR,QACQ,YAAR,OACQ,OAAR,EACQ,QAAR,CACA,CACU,KAAV,YACU,IAAV,WAGQ,OAAR,cACQ,MAAR,qCACQ,oBAAR,iBACQ,WAAR,CACU,aAAV,EACU,iBAAV,EACU,sBAAV,EACU,kBAAV,IAGM,MAAN,GACM,OAAN,GACM,QAAN,GACM,SAAN,IAGE,QApCF,WAqCI,GAAJ,UACA,WACQ,KAAR,oBACA,YACQ,KAAR,+GAEM,KAAN,eACQ,UAAR,EACQ,OAAR,EACQ,MAAR,EACQ,QAAR,OACQ,SAAR,QACQ,YAAR,OACQ,OAAR,EACQ,QAAR,CACA,CACU,KAAV,YACU,IAAV,WAGQ,OAAR,cACQ,MAAR,qCACQ,oBAAR,iBACQ,WAAR,CACU,aAAV,EACU,iBAAV,EACU,sBAAV,EACU,kBAAV,MAME,SAAF,CACI,OADJ,WAEM,OAAN,gCAGE,WAAF,CACI,YAAJ,kBAEE,QAAF,CACI,aADJ,SACA,GACM,KAAN,oCACM,QAAN,cACM,KAAN,oBAEI,cANJ,SAMA,GAEM,KAAN,yBAGI,MAXJ,WAaM,KAAN,gBAEI,WAfJ,eCnGoW,I,wBCQhWC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,oECnBf,yBAA4iB,EAAG,G,2DCA/iB,yBAAujB,EAAG,G,kCCA1jB,yBAA6jB,EAAG,G,gECAhkB,IAAIrB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIqB,GAAG,GAAGjB,EAAG,MAAM,CAACE,YAAY,cAAc,CAAEN,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEN,EAAIsB,OAAW,KAAElB,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAM,OAASC,WAAW,WAAWb,MAAM,CAAC,IAAMd,EAAIsB,OAAOM,QAAQ5B,EAAIkB,KAAKlB,EAAI6B,GAAG,IAAI7B,EAAI8B,GAAG9B,EAAIsB,OAAOE,MAAM,OAAOxB,EAAIkB,KAAMlB,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,cAAgB7B,EAAI+B,SAAY/B,EAAIsB,QAAWtB,EAAIsB,OAAOE,MAASxB,EAAIsB,OAAOM,KAAyD5B,EAAIkB,KAAvDd,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,UAAmBzB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEN,EAAIgC,QAAQhC,EAAIgC,OAAOC,OAAQ7B,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIkC,GAAIlC,EAAU,QAAE,SAASmC,EAAKC,GAAO,OAAOhC,EAAG,MAAM,CAACiC,IAAID,GAAO,CAAED,EAAS,KAAE/B,EAAG,IAAI,CAACE,YAAY,WAAWC,MAAM,CAC9zB,YAAa4B,EAAKG,KAAKC,SACvBC,MAAOL,EAAKG,KAAKE,MACjB,aAAcL,EAAKG,KAAKG,UACvBC,SAAS,CAAC,UAAY1C,EAAI8B,GAAG9B,EAAI2C,SAASC,cAAcT,EAAKG,KAAKO,aAAa7C,EAAIkB,KAAMiB,EAAKW,SAAgC,GAArBX,EAAKW,QAAQC,KAAW3C,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CACxK,eAAgB4B,EAAKW,QAAQE,QAAU,KACvC,gBAAiBb,EAAKW,QAAQE,QAAU,OACtChD,EAAIkC,GAAIC,EAAKW,QAAY,MAAE,SAASG,EAAIC,GAAK,OAAO9C,EAAG,MAAM,CAACiC,IAAIa,EAAI3C,MAAM,CAAG,gBAAiB4B,EAAKW,QAAQK,QAAU,OAAS,CAAC/C,EAAG,MAAM,CAACgD,YAAY,CAAC,MAAQ,OAAO,QAAU,SAAStC,MAAM,CAAC,IAAMmC,EAAII,YAAW,GAAGrD,EAAIkB,KAAMiB,EAAKW,SAAgC,GAArBX,EAAKW,QAAQC,MAAaZ,EAAKW,QAAQQ,MAAQnB,EAAKW,QAAQQ,KAAKrB,OAAQ7B,EAAG,MAAM,CAACA,EAAG,WAAW,CAACU,MAAM,CAAC,KAAO,GAAG,SAAW,GAAG,cAAa,EAAK,iBAAiB,MAAOd,EAAIkC,GAAIC,EAAKW,QAAY,MAAE,SAASX,EAAKC,GAAO,OAAOhC,EAAG,eAAe,CAACiC,IAAI,MAAQD,GAAO,CAAChC,EAAG,MAAM,CAACgD,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQtC,MAAM,CAAC,IAAMqB,EAAKkB,YAAW,IAAI,GAAGrD,EAAIkB,KAAMiB,EAAU,MAAE/B,EAAG,MAAM,CAACE,YAAY,YAAY8C,YAAY,CAAC,SAAW,WAAW,aAAa,SAAS,CAAChD,EAAG,cAAc,CAACU,MAAM,CAAC,IAAMqB,EAAKoB,MAAMC,KAAK,MAAQrB,EAAKoB,MAAME,MAAM,KAAOtB,EAAKoB,MAAMG,SAAS,GAAG1D,EAAIkB,UAAS,GAAGlB,EAAIkB,SAAUlB,EAAIsB,OAAc,QAAElB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAI6B,GAAG,YAAY7B,EAAIkB,KAAMlB,EAAIsB,OAAc,QAAElB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACU,MAAM,CAAC,KAAOd,EAAIsB,OAAOqC,QAAQ,OAAS,WAAW,CAAC3D,EAAI6B,GAAG7B,EAAI8B,GAAG9B,EAAIsB,OAAOqC,cAAc3D,EAAIkB,KAASlB,EAAI+B,SAAY/B,EAAI4D,UAAU3B,OAAS,CAAEjC,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAI6B,GAAG,YAAY7B,EAAIkB,KAAKlB,EAAIkC,GAAIlC,EAAa,WAAE,SAASmC,EAAKC,GAAO,OAAOhC,EAAG,MAAM,CAACiC,IAAID,EAAM9B,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAI6B,GAAG7B,EAAI8B,GAAGK,EAAK0B,OAAO,OAAOzD,EAAG,MAAM,CAACE,YAAY,QAAQN,EAAIkC,GAAIC,EAAY,SAAE,SAAS2B,EAAM1B,GAAO,OAAOhC,EAAG,OAAO,CAACiC,IAAID,GAAO,CAACpC,EAAI6B,GAAG7B,EAAI8B,GAAGgC,SAAY,QAAQ9D,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,cAAgB7B,EAAI+B,SAAY/B,EAAI4D,UAAU3B,OAA2DjC,EAAIkB,KAAvDd,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,WAAoB7B,EAAIkB,KAAKd,EAAG,mBAAoBJ,EAAI+D,SAAS9B,OAAO,EAAG,CAACjC,EAAIqB,GAAG,GAAGjB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAAEN,EAAI+D,SAAS9B,OAAO,EAAG7B,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,iBAAmBP,EAAIkC,GAAIlC,EAAY,UAAE,SAASmC,EAAKC,GAAO,MAAO,CAAChC,EAAG,MAAM,CAACiC,IAAI,UAAYD,EAAM9B,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAI6B,GAAG7B,EAAI8B,GAAGM,EAAM,MAAMhC,EAAG,MAAM,CAACE,YAAY,OAAO8C,YAAY,CAAC,MAAQ,QAAQ,CAAChD,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAI6B,GAAG7B,EAAI8B,GAAG9B,EAAIgE,GAAG,SAAPhE,CAAiBmC,EAAK,GAAG8B,QAAQ,sBAAsBjE,EAAIkC,GAAG,GAAO,SAASgC,EAAGhB,GAAK,OAAO9C,EAAG,MAAM,CAACiC,IAAI,cAAgBD,EAAQc,EAAI5C,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,MAAM,CAACE,YAAY,OAAO8C,YAAY,CAAC,MAAQ,QAAQ,CAAChD,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAI6B,GAAG,IAAI7B,EAAI8B,GAAG9B,EAAIgE,GAAG,SAAPhE,CAAiBkE,EAAGD,QAAQ,iBAAiB,MAAMjE,EAAI8B,GAAG9B,EAAIgE,GAAG,SAAPhE,CAAiBkE,EAAGC,MAAM,UAAU,KAAgB,GAAVD,EAAGE,MAAUhE,EAAG,OAAO,CAACE,YAAY,mBAAmBQ,MAAM,CAAC,GAAK,QAAQ,CAACd,EAAI6B,GAAG,SAAS7B,EAAIkB,KAAgB,GAAVgD,EAAGE,MAAUhE,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAI6B,GAAG,SAAS7B,EAAIkB,OAAOd,EAAG,IAAI,CAACE,YAAY,YAAY+D,MAAgB,GAAVH,EAAGE,MAAW,MAAQ,IAAI,CAACpE,EAAI6B,GAAG,IAAI7B,EAAI8B,GAAGoC,EAAGI,OAAO,mBAAiB,GAAGtE,EAAIkB,QAAQlB,EAAIkB,MAAM,IAC76FC,EAAkB,CAAC,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAI6B,GAAG,aAAa,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAI6B,GAAG,c,gICRtW,EAAS,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIuE,WAAavE,EAAIuE,UAAUtC,OAAQ7B,EAAG,MAAM,CAACJ,EAAIqB,GAAG,GAAIrB,EAAIuE,WAAavE,EAAIuE,UAAUtC,OAAQ7B,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACU,MAAM,CAAC,OAAS,KAAKd,EAAIkC,GAAIlC,EAAa,WAAE,SAASmC,EAAKC,GAAO,OAAOhC,EAAG,MAAM,CAACiC,IAAI,YAAcD,EAAMtB,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe8C,YAAY,CAAC,cAAc,eAAe3C,GAAG,CAAC,YAAc,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,gBAAgB,CAACR,EAAG,QAAQ,CAACE,YAAY,YAAY8C,YAAY,CAAC,YAAY,QAAQtC,MAAM,CAAC,aAAe,aAAa,IAAMqB,EAAKkB,IAAI,OAASlB,EAAKsB,MAAM,SAAW,aAAa,CAACzD,EAAI6B,GAAG,4BAA4BzB,EAAG,MAAM,CAACE,YAAY,gBAAgB8C,YAAY,CAAC,OAAS,SAAS,CAAChD,EAAG,IAAI,CAACJ,EAAI6B,GAAG7B,EAAI8B,GAAGK,EAAK0B,mBAAkB,GAAGzD,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEN,EAAIwE,WAAaxE,EAAIuE,UAAUtC,OAAQ7B,EAAG,MAAM,CAACE,YAAY,YAAYG,GAAG,CAAC,MAAQT,EAAIyE,WAAW,CAACzE,EAAI6B,GAAG,UAAU7B,EAAIkB,QAAQ,GAAGlB,EAAIkB,KAAMlB,EAAI+B,UAAY/B,EAAIuE,UAAUtC,OAAQ7B,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,cAAgB7B,EAAI+B,SAAY/B,EAAIuE,UAAUtC,OAA2DjC,EAAIkB,KAAvDd,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAI6B,GAAG,YAAqB7B,EAAIkB,MACxxC,EAAkB,CAAC,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAI6B,GAAG,c,oCCuC1L,GACEL,KAAM,aACNkD,WAAY,CACVC,YAAJ,QAEEC,KALF,WAMI,MAAO,CACLC,UAAW,EACXC,SAAU,EACVN,WAAY,EACZD,UAAW,GACXxC,SAAS,IAGbgD,SAAU,OAAZ,OAAY,CAAZ,kBACA,gBACI,KAAJ,UACI,aAAJ,kBACI,eAAJ,uBAJA,IAMIC,YANJ,WAOM,IAAN,yeAsBA,GACQC,MAAO,CACLC,EAAG,eACHC,EAAGlF,KAAKmF,eAGlB,GACA,CACQ,EAAR,YACQ,EAAR,GAEA,CACQ,EAAR,WACQ,EAAR,IAGA,GACQC,MAAOA,EACPC,UAAW,CACTD,MAAO,CACLE,KAAMtF,KAAK4E,UACXW,KAAMvF,KAAK6E,SACXW,MAAOC,KAAKC,UAAUF,GACtBG,MAAOF,KAAKC,UAAUC,MAI5B,OAAOC,KAGXC,QAzEF,WA0EI7F,KAAK8F,aAEPC,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,YAAJ,sBAFA,IAII,UAJJ,WAIA,uKACA,aADA,SAEA,6BAFA,OAEA,EAFA,OAGA,gEACA,mBACA,2EAEA,oBAEA,0BACA,aAVA,8CAYIhF,aAhBJ,SAgBA,GAEM,IADA,IAAN,uBACA,mBACYiF,GAAK7D,GAAS8D,EAAID,IACpBC,EAAID,GAAGE,SAIb1B,SAxBJ,WAyBMxE,KAAK4E,WAAa,EAClB5E,KAAK8F,aAEPnF,WA5BJ,gBCpHyV,I,wBCQrVQ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCiGf,GACEI,KAAM,QACNoD,KAFF,WAGI,MAAO,CACLhB,UAAW,GACXtC,OAAQ,GACRU,OAAN,GACMD,SAAS,EACTgC,SAAN,KAGEW,WAAY,CAAd,oCACEK,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,eAAJ,oBACI,aAAJ,qBAGEe,QAlBF,WAmBI7F,KAAKmG,WACLnG,KAAKoG,gBACLpG,KAAKqG,UACLC,SAAS1C,MAAQ5D,KAAKuG,eAAiB,MAA3C,wCAEER,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,YAAJ,mBACI,eAAJ,0BAHA,IAKI,SALJ,WAKA,kLACA,qEADA,OACA,EADA,OAEA,GACA,kBACA,oCACA,QACA,gCACA,4BAEA,IACA,gBACA,YACA,mBAEA,QACA,aACA,kBAGA,8BAnBA,8CAqBI,cA1BJ,WA0BA,+KACA,EADA,ySAgBA,GACA,QACA,WACA,oBAnBA,SAsBA,iBAtBA,OAsBA,EAtBA,OAuBA,6BACA,oCACA,wBACA,wBACA,KACA,wBACA,gBACA,uBACA,oCAGA,eAEA,mDACA,qCACA,kBACA,yFACA,aAGA,aA3CA,8CA8CI,QAxEJ,WAwEA,iLACA,EADA,scAsBA,GACA,OACA,iBACA,mBAGA,GACA,QACA,WACA,0BA/BA,SAkCA,iBAlCA,OAkCA,EAlCA,OAmCA,iCACA,qEACA,UACA,sBACA,8FAEA,yBACA,kDACA,8BACA,gDAGA,GAFA,4BACA,yCACA,6BAMA,yBACA,yDACA,iBARA,CACA,SACA,UACA,UACA,mCASA,uBACA,sBACA,iGAGA,wBAjEA,8CAqEIS,YA7IJ,SA6IA,KACM,IAAN,wBACA,uBACA,wBACM,OAAIC,EAAYhD,GAAQA,EAAOiD,EACtB,EACf,IACe,EAEA,MClS+U,ICQ1V,G,UAAY,eACd,EACA5G,EACAoB,GACA,EACA,KACA,WACA,OAIa,e","file":"static/js/chunk-0dc1738f.867e113a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.url)?_c('div',{staticClass:\"video_box\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : '')},[_c('div',{staticClass:\"container\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : '')},[_c('div',{staticClass:\"player\",style:(_vm.height ? (\"height:\" + _vm.height + \"rem\") : ''),on:{\"contextmenu\":function($event){$event.preventDefault();return _vm.rightClcik()}}},[_c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin video-swiper\",attrs:{\"playsinline\":true,\"options\":_vm.playerOptions},on:{\"play\":function($event){return _vm.onPlayerPlay($event)},\"pause\":function($event){return _vm.onPlayerPause($event)}}})],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"video_box\" :style=\"height ? `height:${height}rem` : ''\" v-if=\"url\">\r\n        <div class=\"container\" :style=\"height ? `height:${height}rem` : ''\">\r\n            <div class=\"player\" :style=\"height ? `height:${height}rem` : ''\" @contextmenu.prevent=\"rightClcik()\">\r\n                <video-player\r\n                        class=\"video-player vjs-custom-skin video-swiper\"\r\n                        ref=\"videoPlayer\"\r\n                        :playsinline=\"true\"\r\n                        :options=\"playerOptions\"\r\n                        @play=\"onPlayerPlay($event)\"\r\n                        @pause=\"onPlayerPause($event)\"\r\n                ></video-player>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { videoPlayer } from \"vue-video-player\";\r\n    import { mapMutations } from \"vuex\";\r\n    export default {\r\n        props: [\"url\",'cover','time','height'],\r\n        data() {\r\n            return {\r\n                videoUrl:\r\n                    \"http://exshow.oss-cn-shanghai.aliyuncs.com/exshow/imgs/201902/f87d763f83af49d69d90cd0561fc02f2.jpg\",\r\n                playerOptions: {\r\n                    autoplay: false,\r\n                    muted: false,\r\n                    loop: false,\r\n                    preload: \"auto\",\r\n                    language: \"zh-CN\",\r\n                    aspectRatio: \"16:9\",\r\n                    fluid: true,\r\n                    sources: [\r\n                        {\r\n                            type: \"video/mp4\",\r\n                            src: this.url\r\n                        }\r\n                    ],\r\n                    poster: this.videoUrl, //你的封面地址\r\n                    width: document.documentElement.clientWidth,\r\n                    notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\r\n                    controlBar: {\r\n                        timeDivider: true,\r\n                        durationDisplay: true,\r\n                        remainingTimeDisplay: false,\r\n                        fullscreenToggle: true //全屏按钮\r\n                    }\r\n                },\r\n                state: \"\",\r\n                paused: \"\",\r\n                running: \"\",\r\n                autoplay:0,\r\n            };\r\n        },\r\n        created() {\r\n            if (this.url) {\r\n                if(this.cover){\r\n                    this.videoUrl = this.cover;\r\n                } else if(this.time){\r\n                    this.videoUrl = `${this.url}?x-oss-process=video/snapshot,t_${this.time},f_jpg,w_590,h_332,m_fast`;\r\n                }\r\n                this.playerOptions = {\r\n                    autoplay: false,\r\n                    muted: false,\r\n                    loop: false,\r\n                    preload: \"auto\",\r\n                    language: \"zh-CN\",\r\n                    aspectRatio: \"16:9\",\r\n                    fluid: true,\r\n                    sources: [\r\n                        {\r\n                            type: \"video/mp4\",\r\n                            src: this.url\r\n                        }\r\n                    ],\r\n                    poster: this.videoUrl, //你的封面地址\r\n                    width: document.documentElement.clientWidth,\r\n                    notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\r\n                    controlBar: {\r\n                        timeDivider: true,\r\n                        durationDisplay: true,\r\n                        remainingTimeDisplay: false,\r\n                        fullscreenToggle: true //全屏按钮\r\n                    }\r\n                };\r\n                const that = this;\r\n            }\r\n        },\r\n        computed: {\r\n            player() {\r\n                return this.$refs.videoPlayer.player;\r\n            }\r\n        },\r\n        components: {\r\n            videoPlayer\r\n        },\r\n        methods: {\r\n            onPlayerPlay(e){\r\n                this.$emit('onPlayerPlay', this.autoplay)\r\n                console.log(e,'视频播放');\r\n                this.$emit('VideoPaly');\r\n            },\r\n            onPlayerPause(e){\r\n                // console.log(e,'暂停播放');\r\n                this.$emit('VideoPalyfalse');\r\n            },\r\n            //轮播改变暂停播放\r\n            Pause(){\r\n                // console.log('轮播改变暂停播放');\r\n                this.player.pause();\r\n            },\r\n            rightClcik(){\r\n                // console.log('右键了')\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n\r\n    .video_box{\r\n        margin: 0;\r\n    }\r\n    .container,\r\n    .player{\r\n        height:100%;\r\n    }\r\n    .video-player {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    ::v-deep{\r\n        .vjs-poster{\r\n          background-size: 100% 100%;\r\n        }\r\n        .vjs-big-play-button:focus{\r\n          border:none !important;\r\n          background-color: rgba(0,0,0,0.45) !important;\r\n          outline: none !important;\r\n        }\r\n        .video-js .vjs-tech:focus{\r\n          outline: none !important;\r\n        }\r\n        .video-js .vjs-big-play-button {\r\n            width: 72px;\r\n            height: 72px;\r\n            border-radius: 100%;\r\n            z-index: 100;\r\n            color: #fff;\r\n            border: solid 1px #979797;\r\n        }\r\n        .vjs-custom-skin > .video-js .vjs-big-play-button{\r\n            margin-left: -36px;\r\n        }\r\n        .container {\r\n            background-color: #f5f5f5;\r\n            min-height: 100%;\r\n            margin: 0;\r\n        }\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!./videoPlayer.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!./videoPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoPlayer.vue?vue&type=template&id=f72250a4&scoped=true&\"\nimport script from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&lang=scss&scoped=true&\"\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  \"f72250a4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./more-video-line.vue?vue&type=style&index=0&id=6659ed6f&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./more-video-line.vue?vue&type=style&index=0&id=6659ed6f&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./about.vue?vue&type=style&index=0&id=876e6bca&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./about.vue?vue&type=style&index=0&id=876e6bca&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlayer.vue?vue&type=style&index=0&id=f72250a4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about g-content\"},[_vm._m(0),_c('div',{staticClass:\"about-info\"},[(_vm.exInfo)?_c('div',{staticClass:\"ai-t\"},[(_vm.exInfo.logo)?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPic'),expression:\"'oPic'\"}],attrs:{\"src\":_vm.exInfo.logo}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.exInfo.name)+\" \")]):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"数据加载中...\")]):(!_vm.loading && !_vm.exInfo && !_vm.exInfo.name && !_vm.exInfo.logo)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")]):_vm._e(),_c('div',{staticClass:\"ai-b\"},[(_vm.remark&&_vm.remark.length)?_c('div',{staticClass:\"comm_text\"},_vm._l((_vm.remark),function(item,index){return _c('div',{key:index},[(item.text)?_c('p',{staticClass:\"int-text\",style:({\n              'font-size': item.text.fontSize,\n              color: item.text.color,\n              'text-align': item.text.position,\n            }),domProps:{\"innerHTML\":_vm._s(_vm.$service.replaceSpeace(item.text.content))}}):_vm._e(),(item.picture && item.picture.type == 1)?_c('div',{staticClass:\"int-img\",style:({\n              'padding-left': item.picture.padding + 'px',\n              'padding-right': item.picture.padding + 'px',\n            })},_vm._l((item.picture.list),function(itm,idx){return _c('div',{key:idx,style:({ 'margin-bottom': item.picture.spacing + 'px' })},[_c('img',{staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"src\":itm.url}})])}),0):_vm._e(),(item.picture && item.picture.type == 2 && item.picture.list && item.picture.list.length)?_c('div',[_c('Carousel',{attrs:{\"loop\":\"\",\"autoplay\":\"\",\"radius-dot\":true,\"autoplay-speed\":5000}},_vm._l((item.picture.list),function(item,index){return _c('CarouselItem',{key:'pic' + index},[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.url}})])}),1)],1):_vm._e(),(item.video)?_c('div',{staticClass:\"int-video\",staticStyle:{\"position\":\"relative\",\"margin-top\":\"20px\"}},[_c('videoPlayer',{attrs:{\"url\":item.video.link,\"cover\":item.video.cover,\"time\":item.video.Time}})],1):_vm._e()])}),0):_vm._e()])]),(_vm.exInfo.website)?_c('div',{staticClass:\"u-title\"},[_c('span',{staticClass:\"u-title-txt\"},[_vm._v(\"展会官网\")])]):_vm._e(),(_vm.exInfo.website)?_c('div',{staticClass:\"about-brand\"},[_c('a',{attrs:{\"href\":_vm.exInfo.website,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.exInfo.website))])]):_vm._e(),(!(!_vm.loading && !_vm.OrganList.length))?[(_vm.OrganList)?_c('div',{staticClass:\"u-title\"},[_c('span',{staticClass:\"u-title-txt\"},[_vm._v(\"组织架构\")])]):_vm._e(),_vm._l((_vm.OrganList),function(item,index){return _c('div',{key:index,staticClass:\"about-list\"},[_c('div',{staticClass:\"al-l\"},[_vm._v(_vm._s(item.title)+\"：\")]),_c('div',{staticClass:\"al-r\"},_vm._l((item.conList),function(cItem,index){return _c('span',{key:index},[_vm._v(_vm._s(cItem))])}),0)])}),(_vm.loading)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"数据加载中...\")]):(!_vm.loading && !_vm.OrganList.length)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")]):_vm._e()]:_vm._e(),_c('more-video-line'),(_vm.DateList.length>0)?[_vm._m(1),_c('div',{staticClass:\"schedule-wrap\"},[(_vm.DateList.length>0)?_c('div',{staticClass:\"sche_content\"},[_c('div',{staticClass:\"steps_bar\",style:('bottom: 20px')}),_vm._l((_vm.DateList),function(item,index){return [_c('div',{key:'sche-1-' + index,staticClass:\"sche_item\"},[_c('div',{staticClass:\"step\"},[_vm._v(_vm._s(index+1))]),_c('div',{staticClass:\"info\",staticStyle:{\"width\":\"80%\"}},[_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(_vm._f(\"moment\")(item[0].startAt,'YYYY/MM/DD')))])])]),_vm._l((item),function(it,idx){return _c('div',{key:'sche-child-' + index + idx,staticClass:\"sche_item2\"},[_c('div',{staticClass:\"step\"}),_c('div',{staticClass:\"info\",staticStyle:{\"width\":\"80%\"}},[_c('p',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(it.startAt,'MM月DD日 HH:mm'))+\" ~ \"+_vm._s(_vm._f(\"moment\")(it.endAt,'HH:mm'))+\" \"),(it.state==1)?_c('span',{staticClass:\"schedule_tag red\",attrs:{\"id\":\"waa\"}},[_vm._v(\"进行中\")]):_vm._e(),(it.state==2)?_c('span',{staticClass:\"schedule_tag\"},[_vm._v(\"已结束\")]):_vm._e()]),_c('p',{staticClass:\"sche_type\",class:it.state==1 ? 'ing' : ''},[_vm._v(\" \"+_vm._s(it.theme)+\" \")])])])})]})],2):_vm._e()])]:_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"u-title\"},[_c('span',{staticClass:\"u-title-txt\"},[_vm._v(\"展会简介\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"u-title\"},[_c('span',{staticClass:\"u-title-txt\"},[_vm._v(\"展会日程\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.videoList && _vm.videoList.length)?_c('div',[_vm._m(0),(_vm.videoList && _vm.videoList.length)?_c('div',{staticClass:\"m-list2 video_wrap\"},[_c('Row',{attrs:{\"gutter\":16}},_vm._l((_vm.videoList),function(item,index){return _c('Col',{key:'m-list2-1' + index,attrs:{\"span\":\"6\"}},[_c('div',{staticClass:\"m-list2-box\"},[_c('div',{staticClass:\"ml2-item\"},[_c('div',{staticClass:\"ml2-item-box\",staticStyle:{\"padding-top\":\"56.4102564%\"},on:{\"contextmenu\":function($event){$event.preventDefault();return _vm.rightClcik()}}},[_c('video',{staticClass:\"video_box\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"controlsList\":\"nodownload\",\"src\":item.url,\"poster\":item.cover,\"controls\":\"controls\"}},[_vm._v(\"您的浏览器不支持 video 标签。\")])])]),_c('div',{staticClass:\"ml2-item-info\",staticStyle:{\"height\":\"50px\"}},[_c('p',[_vm._v(_vm._s(item.title))])])])])}),1),_c('div',{staticClass:\"line\"},[(_vm.totalCount > _vm.videoList.length)?_c('div',{staticClass:\"load-more\",on:{\"click\":_vm.loadMore}},[_vm._v(\"查看更多\")]):_vm._e()])],1):_vm._e(),(_vm.loading && !_vm.videoList.length)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"数据加载中...\")]):(!_vm.loading && !_vm.videoList.length)?_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")]):_vm._e()]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"u-title\"},[_c('span',{staticClass:\"u-title-txt\"},[_vm._v(\"精彩视频\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 为您推荐 -->\r\n  <div v-if=\"videoList && videoList.length\">\r\n    <div class=\"u-title\"><span class=\"u-title-txt\">精彩视频</span></div>\r\n    <div class=\"m-list2 video_wrap\" v-if=\"videoList && videoList.length\">\r\n      <Row :gutter=\"16\">\r\n        <Col :key=\"'m-list2-1' + index\" span=\"6\" v-for=\"(item, index) in videoList\">\r\n          <div class=\"m-list2-box\">\r\n            <div class=\"ml2-item\">\r\n              <div class=\"ml2-item-box\" style=\"padding-top: 56.4102564%\" @contextmenu.prevent=\"rightClcik()\">\r\n                <video\r\n                  controlsList=\"nodownload\"\r\n                  class=\"video_box\"\r\n                  :src=\"item.url\"\r\n                  :poster=\"item.cover\"\r\n                  controls=\"controls\"\r\n                  style=\"max-width: 100%\"\r\n                >您的浏览器不支持 video 标签。</video>\r\n                <!-- <videoPlayer :cover=\"item.cover\" :index=\"index\" :ref=\"'videoplay'\" :url=\"item.url\" @onPlayerPlay=\"onPlayerPlay\"></videoPlayer> -->\r\n              </div>\r\n            </div>\r\n            <div class=\"ml2-item-info\" style=\"height: 50px;\">\r\n              <p>{{ item.title }}</p>\r\n            </div>\r\n          </div>\r\n        </Col>\r\n      </Row>\r\n      <div class=\"line\">\r\n        <div class=\"load-more\" v-if=\"totalCount > videoList.length\" @click=\"loadMore\">查看更多</div>\r\n      </div>\r\n    </div>\r\n    <!-- <div class=\"u-empty\" v-else>暂无数据</div> -->\r\n    <div class=\"u-empty\" v-if=\"loading && !videoList.length\">数据加载中...</div>\r\n    <div class=\"u-empty\" v-else-if=\"!loading && !videoList.length\">暂无数据</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport videoPlayer from \"@components/videoPlayer/videoPlayer.vue\";\r\nexport default {\r\n  name: \"more-video\",\r\n  components: {\r\n    videoPlayer,\r\n  },\r\n  data() {\r\n    return {\r\n      pageIndex: 1,\r\n      pageSize: 8,\r\n      totalCount: 0,\r\n      videoList: [], //精彩视频\r\n      loading: true,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      user: \"getUser\",\r\n      exhibitionId: \"getExhibitionId\",\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n    }),\r\n    videoOption() {\r\n      let query = `\r\n        query($query:QueryInput!){\r\n          exhibitionVideoQuery{\r\n            query(query:$query){\r\n              hasNextPage\r\n              indexFrom\r\n              pageIndex\r\n              pageSize\r\n              totalCount\r\n              items{\r\n                cover\r\n                coverIndex\r\n                createAt\r\n                title\r\n                url\r\n                id\r\n                showIndex\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `;\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n      };\r\n      let order = [\r\n        {\r\n          N: \"showIndex\",\r\n          v: 0,\r\n        },\r\n        {\r\n          N: \"updateAt\",\r\n          v: 0,\r\n        },\r\n      ];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.pageIndex,\r\n            size: this.pageSize,\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      return opt;\r\n    },\r\n  },\r\n  created() {\r\n    this.videoInit(); //精彩视频初始化\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n    }),\r\n    async videoInit() {\r\n      this.loading = true;\r\n      let data = await this.graphqlPost(this.videoOption);\r\n      let res = JSON.parse(JSON.stringify(data.data.exhibitionVideoQuery.query));\r\n      if (this.videoList.length) {\r\n        this.videoList = [...this.videoList, ...res.items]; \r\n      } else {\r\n        this.videoList = res.items;\r\n      }\r\n      this.totalCount = res.totalCount; \r\n      this.loading = false;\r\n    },\r\n    onPlayerPlay(index) {\r\n      let arr = this.$refs.videoplay;\r\n      for (let i = 0; i < arr.length; i++) {\r\n        if (i != index && arr[i]) {\r\n          arr[i].pause();\r\n        }\r\n      }\r\n    },\r\n    loadMore() {\r\n      this.pageIndex += 1;\r\n      this.videoInit();\r\n    },\r\n    rightClcik(){\r\n      // console.log('右键了')\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.video_wrap {\r\n  .m-list2-box {\r\n    float: initial;\r\n    .ml2-item {\r\n      padding: 0;\r\n      .ml2-item-box {\r\n        border: none;\r\n\r\n        .video_box {\r\n          width: 100%;\r\n          height: 100%;\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n        }\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n    }\r\n    .ml2-item-info {\r\n      padding: 10px 0;\r\n    }\r\n  }\r\n  &.m-list2 {\r\n    padding-top: 0;\r\n  }\r\n  .line {\r\n    padding: 10px;\r\n    .load-more {\r\n      text-align: center;\r\n      cursor: pointer;\r\n      width: 70px;\r\n      margin: 0 auto;\r\n    }\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!./more-video-line.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!./more-video-line.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./more-video-line.vue?vue&type=template&id=6659ed6f&scoped=true&\"\nimport script from \"./more-video-line.vue?vue&type=script&lang=js&\"\nexport * from \"./more-video-line.vue?vue&type=script&lang=js&\"\nimport style0 from \"./more-video-line.vue?vue&type=style&index=0&id=6659ed6f&lang=scss&scoped=true&\"\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  \"6659ed6f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"about g-content\">\r\n    <div class=\"u-title\"><span class=\"u-title-txt\">展会简介</span></div>\r\n    <div class=\"about-info\">\r\n      <div class=\"ai-t\" v-if=\"exInfo\">\r\n        <img :src=\"exInfo.logo\" v-load=\"'oPic'\" v-if=\"exInfo.logo\" />\r\n        {{ exInfo.name }}\r\n      </div>\r\n      <div class=\"u-empty\" v-if=\"loading\">数据加载中...</div>\r\n      <div class=\"u-empty\" v-else-if=\"!loading && !exInfo && !exInfo.name && !exInfo.logo\">暂无数据</div>\r\n      <div class=\"ai-b\">\r\n        <div class=\"comm_text\" v-if=\"remark&&remark.length\">\r\n          <div v-for=\"(item, index) in remark\" :key=\"index\">\r\n            <!-- 文本 -->\r\n            <p\r\n              class=\"int-text\"\r\n              v-if=\"item.text\"\r\n              :style=\"{\r\n                'font-size': item.text.fontSize,\r\n                color: item.text.color,\r\n                'text-align': item.text.position,\r\n              }\"\r\n              v-html=\"$service.replaceSpeace(item.text.content)\"\r\n            ></p>\r\n\r\n            <!-- 图片 -->\r\n            <div\r\n              class=\"int-img\"\r\n              v-if=\"item.picture && item.picture.type == 1\"\r\n              :style=\"{\r\n                'padding-left': item.picture.padding + 'px',\r\n                'padding-right': item.picture.padding + 'px',\r\n              }\"\r\n            >\r\n              <div v-for=\"(itm, idx) in item.picture.list\" :key=\"idx\" :style=\"{ 'margin-bottom': item.picture.spacing + 'px' }\">\r\n                <img :src=\"itm.url\" style=\"width: 100%; display: block\" />\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"item.picture && item.picture.type == 2 && item.picture.list && item.picture.list.length\">\r\n              <Carousel loop autoplay :radius-dot=\"true\" :autoplay-speed=\"5000\">\r\n                <CarouselItem v-for=\"(item, index) in item.picture.list\" :key=\"'pic' + index\">\r\n                  <img :src=\"item.url\" style=\"width: 100%;height: 100%;\" />\r\n                </CarouselItem>\r\n              </Carousel>\r\n            </div>\r\n\r\n            <!-- 视频 -->\r\n            <div class=\"int-video\" style=\"position: relative;margin-top: 20px;\" v-if=\"item.video\">\r\n              <videoPlayer :url=\"item.video.link\" :cover=\"item.video.cover\" :time=\"item.video.Time\"></videoPlayer>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- {{ exInfo.remark }} -->\r\n      </div>\r\n    </div>\r\n    <div class=\"u-title\" v-if=\"exInfo.website\"><span class=\"u-title-txt\">展会官网</span></div>\r\n    <div class=\"about-brand\" v-if=\"exInfo.website\">\r\n      <a :href=\"exInfo.website\" target=\"_blank\">{{ exInfo.website }}</a>\r\n    </div>\r\n    <template v-if=\"!(!loading && !OrganList.length)\">\r\n      <div class=\"u-title\" v-if=\"OrganList\"><span class=\"u-title-txt\">组织架构</span></div>\r\n      <div class=\"about-list\" v-for=\"(item, index) in OrganList\" :key=\"index\">\r\n        <div class=\"al-l\">{{ item.title }}：</div>\r\n        <div class=\"al-r\">\r\n          <span v-for=\"(cItem, index) in item.conList\" :key=\"index\">{{ cItem }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"u-empty\" v-if=\"loading\">数据加载中...</div>\r\n      <div class=\"u-empty\" v-else-if=\"!loading && !OrganList.length\">暂无数据</div>\r\n    </template>\r\n    <more-video-line></more-video-line>\r\n    <template v-if=\"DateList.length>0\">\r\n      <div class=\"u-title\"><span class=\"u-title-txt\">展会日程</span></div>\r\n      <div class=\"schedule-wrap\">\r\n        <div class=\"sche_content\" v-if=\"DateList.length>0\">\r\n            <div class=\"steps_bar\" :style=\"'bottom: 20px'\"></div>\r\n            <template v-for=\"(item,index) in DateList\">\r\n                <div class=\"sche_item\" :key=\"'sche-1-' + index\">\r\n                <div class=\"step\">{{index+1}}</div>\r\n                <div class=\"info\" style=\"width: 80%\">\r\n                    <p class=\"date\">{{item[0].startAt | moment('YYYY/MM/DD')}}</p>\r\n                </div>\r\n                </div>\r\n                <div\r\n                class=\"sche_item2\"\r\n                v-for=\"(it, idx) in item\"\r\n                :key=\"'sche-child-' + index + idx\"\r\n                >\r\n                <div class=\"step\"></div>\r\n                <div class=\"info\" style=\"width: 80%\">\r\n                    <p class=\"date\">\r\n                    {{it.startAt | moment('MM月DD日 HH:mm')}} ~ {{it.endAt | moment('HH:mm')}}\r\n                    <span\r\n                        class=\"schedule_tag red\"\r\n                        id=\"waa\"\r\n                        v-if=\"it.state==1\"\r\n                    >进行中</span>\r\n                    <span class=\"schedule_tag\" v-if=\"it.state==2\">已结束</span>\r\n                    </p>\r\n                    <p class=\"sche_type\" :class=\"it.state==1 ? 'ing' : ''\">\r\n                    {{it.theme}}\r\n                    </p>\r\n                </div>\r\n                </div>\r\n            </template>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport moreVideoLine from \"@components/more-video-line.vue\";\r\nimport videoPlayer from \"@components/videoPlayer/videoPlayer.vue\";\r\nexport default {\r\n  name: \"about\",\r\n  data() {\r\n    return {\r\n      OrganList: [],\r\n      exInfo: \"\",\r\n      remark:[],\r\n      loading: true,\r\n      DateList:[],\r\n    };\r\n  },\r\n  components: { moreVideoLine,videoPlayer },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n      exhibitionId: \"getExhibitionId\",\r\n    }),\r\n  },\r\n  created() {\r\n    this.setShare();\r\n    this.getExhibition();\r\n    this.getDate();\r\n    document.title = this.exhibitionInfo ? `关于-${this.exhibitionInfo.name}` : \"展商秀\";\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      getShareConfig: \"share/getShareConfig\",\r\n    }),\r\n    async setShare() {\r\n      let data = await this.getShareConfig({ id: this.exhibitionId, name: \"share.exhibition.config\" });\r\n      let share = {\r\n        url: location.href,\r\n        title: \"关于展会-\" + this.exhibitionInfo.name,\r\n        desc: \"\",\r\n        summary: this.exhibitionInfo.remark,\r\n        pics: this.exhibitionInfo.logo,\r\n      };\r\n      if (data) {\r\n        let dataJson = JSON.parse(data);\r\n        if (dataJson.content) {\r\n          share.title = dataJson.content;\r\n        }\r\n        if (dataJson.des) {\r\n          share.desc = dataJson.des;\r\n          share.summary = dataJson.des;\r\n        }\r\n      }\r\n      this.$store.commit(\"setShare\", share);\r\n    },\r\n    async getExhibition() {\r\n      let query = `\r\n        query($id:String!){\r\n          exhibitionQuery{\r\n           get(id:$id){\r\n              organization\r\n              organizationEn\r\n              remark\r\n              logo\r\n              name\r\n              nameEn\r\n              website\r\n            }\r\n          }\r\n        }\r\n      `;\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          id: this.exhibitionId,\r\n        },\r\n      };\r\n      let res = await this.graphqlPost(opt);\r\n      if (res.data.exhibitionQuery.get) {\r\n        this.exInfo = res.data.exhibitionQuery.get;\r\n        if (this.exInfo.organization) {\r\n          var organ = this.exInfo.organization;\r\n          let arr = [];\r\n          if (organ && organ.indexOf(\"[\") != -1) {\r\n            arr = JSON.parse(organ);\r\n            arr.forEach((e) => {\r\n              e.conList = e.content.split(\"\\n\");\r\n            });\r\n          }\r\n          this.OrganList = arr;\r\n        }\r\n        if (this.exInfo.remark && this.exInfo.remark.indexOf(\"[\") !== -1) {\r\n          this.remark = JSON.parse(this.exInfo.remark);\r\n        } else if (this.exInfo.remark) {\r\n          let arr = [{ text: { type: 1, content: this.exInfo.remark, fontSize: \"14px\", color: \"#000\", position: \"left\" } }];\r\n          this.remark = arr;\r\n        }\r\n      }\r\n      this.loading = false;\r\n    },\r\n    //获取展会日程\r\n    async getDate(){\r\n      let query = `\r\n        query($where:String!){\r\n          exhibitionScheduleQuery{\r\n           getList(where:$where){\r\n              exhibitionId\r\n              date\r\n              startTime\r\n              endTime\r\n              theme\r\n              speaker\r\n              advert\r\n              address\r\n              organizer\r\n              id\r\n              isDeleted\r\n              createAt\r\n              updateAt\r\n            }\r\n          }\r\n        }\r\n      `;\r\n      let where={\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n      }\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          where:JSON.stringify(where)\r\n        },\r\n      };\r\n      let res = await this.graphqlPost(opt);\r\n      if(res.data.exhibitionScheduleQuery){\r\n        let List = JSON.parse(JSON.stringify(res.data.exhibitionScheduleQuery.getList));\r\n         var obj={},newArr=[];\r\n          List.sort(function(a,b) {\r\n              return Date.parse(b.startTime.replace(/-/g,\"/\"))-Date.parse(a.startTime.replace(/-/g,\"/\"));\r\n          });\r\n          List.forEach((item,suffix)=>{\r\n              let startAt = item.date.slice(0,11) + item.startTime.slice(11,19);\r\n              item.startAt = startAt.replace(/-/g, \"/\");\r\n              let endAt = item.date.slice(0,11) + item.endTime.slice(11,19);\r\n              item.endAt = endAt.replace(/-/g, \"/\");\r\n              item.state = this.compareDate(item.startAt, item.endAt)\r\n              if(!obj[item.startAt.substring(0, 11)]){\r\n                  var arr=[];\r\n                  arr.push(item);\r\n                  newArr.push(arr);\r\n                  obj[item.startAt.substring(0, 11)]=item;\r\n              }else{\r\n                newArr.forEach((value,index)=>{\r\n                  if(value[0].startAt.substring(0, 11)==item.startAt.substring(0, 11)){\r\n                    value.push(item)\r\n                  }\r\n                })\r\n              }\r\n          })\r\n          newArr.forEach((e=>{\r\n              e.sort((a,b)=>{\r\n                return Date.parse(a.startTime.replace(/-/g,\"/\"))-Date.parse(b.startTime.replace(/-/g,\"/\"));\r\n              })\r\n            }))\r\n          this.DateList = newArr.reverse(); \r\n      } \r\n    },\r\n    // 比较时间\r\n    compareDate(statedate, enddate) {\r\n      const stateTime = new Date(statedate).getTime();\r\n      const Time = new Date().getTime();\r\n      const endTime = new Date(enddate).getTime();\r\n      if (stateTime < Time && Time < endTime) {\r\n        return 1; //进行中\r\n      } else if (endTime < Time) {\r\n        return 2; //已结束\r\n      } else {\r\n        return 3; //未开始\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.about {\r\n  margin-top: 20px;\r\n  margin-bottom: 87px;\r\n  background-color: #fff;\r\n  border: solid 1px #ededed;\r\n  padding: 12px 30px 70px;\r\n  &-list {\r\n    display: flex;\r\n    margin-bottom: 38px;\r\n    .al {\r\n      &-l {\r\n        width: 120px;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        color: #333;\r\n        text-align: right;\r\n      }\r\n      &-r {\r\n        flex: 1;\r\n        font-size: 14px;\r\n        color: #333;\r\n        span {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &-brand {\r\n    background-color: #f7f7f7;\r\n    border-radius: 3px;\r\n    padding: 10px;\r\n    font-size: 14px;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n    background-color: #f7f7f7;\r\n  }\r\n  &-info {\r\n    .ai-t {\r\n      img {\r\n        width: 60px;\r\n        height: 60px;\r\n        background-color: #fff;\r\n        border: solid 1px #ededed;\r\n        display: inline-block;\r\n        margin-right: 15px;\r\n      }\r\n      display: flex;\r\n      align-items: center;\r\n      font-size: 16px;\r\n      color: #1a1a1a;\r\n    }\r\n    // .ai-b {\r\n    //   margin-top: 20px;\r\n    //   margin-bottom: 20px;\r\n    //   font-size: 14px;\r\n    //   color: #333;\r\n    // }\r\n  }\r\n}\r\n.comm_text {\r\n  background: #fff;\r\n  color: #333;\r\n  // padding: 35px 0;\r\n  // margin-bottom: 20px;\r\n  > div {\r\n    &:last-child {\r\n      .int-video,\r\n      .int-img {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  > span {\r\n    line-height: 1;\r\n    padding: 0 0 20px 30;\r\n    font-size: 32px;\r\n    display: inline-block;\r\n  }\r\n  p {\r\n    line-height: 1.6;\r\n    font-size: 14px;\r\n  }\r\n  img {\r\n    display: block;\r\n  }\r\n  .int-text {\r\n    padding: 30px 0;\r\n  }\r\n}\r\n.schedule-wrap{\r\n  .sche_content {\r\n  padding: 0 10px;\r\n  position: relative;\r\n  .steps_bar {\r\n    width: 3px;\r\n    position: absolute;\r\n    left: 23px;\r\n    z-index: 0;\r\n    top: 25px;\r\n    bottom: 0;\r\n    background: #ff4550;\r\n  }\r\n  .sche_item {\r\n    display: flex;\r\n    position: relative;\r\n    z-index: 1;\r\n    &.end {\r\n      .sche_type {\r\n        color: #999;\r\n      }\r\n    }\r\n    .step {\r\n      margin-right: 10px;\r\n      width: 30px;\r\n      height: 30px;\r\n      line-height: 30px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(to left, #ff416c, #ff4b2b);\r\n      color: #fff;\r\n      font-size: 14px;\r\n      text-align: center;\r\n    }\r\n    .info {\r\n      font-size: 15px;\r\n      color: #ff5c00;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n  }\r\n  .sche_item2 {\r\n    display: flex;\r\n    margin-top: 10px;\r\n    position: relative;\r\n    z-index: 1;\r\n    &.end {\r\n      .sche_type {\r\n        color: #999;\r\n      }\r\n    }\r\n    .step {\r\n      margin: 0 22px 0 8px;\r\n      width: 12px;\r\n      height: 12px;\r\n      line-height: 12px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(to left, #ff416c, #ff4b2b);\r\n      color: #fff;\r\n      font-size: 14px;\r\n      text-align: center;\r\n    }\r\n    .date {\r\n      line-height: 14px;\r\n      height: 14px;\r\n      font-size: 14px;\r\n      margin-bottom: 6px;\r\n      font-size: 12px;\r\n      color: #999;\r\n    }\r\n    .sche_type {\r\n      line-height: 1.5;\r\n      margin-bottom: 14px;\r\n      font-size: 12px;\r\n      color: #999;\r\n      span {\r\n        color: #666;\r\n        margin-left: 15px;\r\n      }\r\n    }\r\n    .ing{\r\n      color: #333;\r\n    }\r\n  }\r\n  .schedule_tag{\r\n    font-size: 12px;\r\n    vertical-align: middle;\r\n    padding: 2px 6px;\r\n    border-radius: 3px;\r\n    display: inline-block;\r\n    background: #e6e6e6;\r\n    color: #666;\r\n    margin-left: 10px;\r\n  }\r\n  .red{\r\n    background-color: #ff4550;\r\n    color: #fff;\r\n  }\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!./about.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!./about.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./about.vue?vue&type=template&id=876e6bca&scoped=true&\"\nimport script from \"./about.vue?vue&type=script&lang=js&\"\nexport * from \"./about.vue?vue&type=script&lang=js&\"\nimport style0 from \"./about.vue?vue&type=style&index=0&id=876e6bca&lang=scss&scoped=true&\"\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  \"876e6bca\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}