{"version":3,"sources":["webpack:///./src/components/gSwiper/gSwiper.vue?1002","webpack:///./src/components/gSwiperCommon/gSwiperCommon.vue?34d3","webpack:///./src/components/gSwiperCommon/gSwiperCommon.vue?fe4c","webpack:///src/components/gSwiperCommon/gSwiperCommon.vue","webpack:///./src/components/gSwiperCommon/gSwiperCommon.vue?c89d","webpack:///./src/components/gSwiperCommon/gSwiperCommon.vue","webpack:///./src/utils/url.js","webpack:///./src/views/pages/demand/demand.vue?1db9","webpack:///./src/components/ShowSwiper/ShowSwiper.vue?32db","webpack:///./src/components/gSwiper/gSwiper.vue?2371","webpack:///src/components/gSwiper/gSwiper.vue","webpack:///./src/components/gSwiper/gSwiper.vue?acc2","webpack:///./src/components/gSwiper/gSwiper.vue","webpack:///./src/components/Supplyqrcode/index.vue?f5b5","webpack:///src/components/Supplyqrcode/index.vue","webpack:///./src/components/Supplyqrcode/index.vue?7eaa","webpack:///./src/components/Supplyqrcode/index.vue","webpack:///./src/assets/img/empty.png","webpack:///./src/views/pages/demand/demand.vue?5241","webpack:///src/views/pages/demand/demand.vue","webpack:///./src/views/pages/demand/demand.vue?a27a","webpack:///./src/views/pages/demand/demand.vue","webpack:///./src/components/ShowSwiper/ShowSwiper.vue?02a4","webpack:///src/components/ShowSwiper/ShowSwiper.vue","webpack:///./src/components/ShowSwiper/ShowSwiper.vue?dd0f","webpack:///./src/components/ShowSwiper/ShowSwiper.vue","webpack:///./src/components/Supplyqrcode/index.vue?c3a6"],"names":["render","_vm","this","_h","$createElement","_c","_self","list","length","staticClass","ref","name","attrs","swiperOption","_l","item","index","key","nativeOn","$event","linkTo","covers","slot","_e","staticRenderFns","props","bannerType","type","String","default","navigation","Boolean","data","pageSize","pageIndex","totalCount","spaceBetween","loop","autoplay","delay","pagination","clickable","nextEl","prevEl","computed","swiper","$refs","created","init","methods","e","url","window","open","component","orgin","location","host","opt","cacshowonline","cac","fshow","cace","seed","caa","test","pc","pcEn","mobileEn","mobile","admin","Array","mounted","model","value","callback","$$v","showcode","expression","staticStyle","id","_v","document","getElementById","innerHTML","width","height","text","correctLevel","module","exports","directives","rawName","_m","class","cageId","on","changeCategory","_s","productName","content","uploadBanner","bannerOK","visible","imgName","supplydemand","demandList","auditTime","categoryindex","categoryTabs","typetotalCount2","typetotalCount1","stopPropagation","linkToDemandDetail","isFollow","publisher","avatarUrl","publisherType","exhibitionInfo","logo","publisherName","jobTitle","compName","booth","SupplymemberId","memberId","userInfo","inMember","supplyfollower","deSupplyFollower","domProps","video","ind","cover","imgUrls","imgClick","show","viewCount","commentCount","updateAt","loading","size","page","changePage","changePageSize","imgList","categoryList","SuppluImgList","guanzhu","uploadList","defaultList","value6","supplyId","bannerList","qrcode","typetotalCount3","showNeeds","query","proList","components","gSwiper","gSwiperCommon","ShowSwiper","needsModel","Supplyqrcode","uploadNeed","isRegOk","userRole","watch","searchTxt","$store","commit","getCount","title","demandPage","demandType","getproduct","isCreated","$Message","warning","closeSwiper","goQrCode","handleView","handleRemove","splice","fileList","indexOf","file","console","log","handleSuccess","res","status","push","upload","handleFormatError","handleBeforeUpload","check","handleMaxSize","modal4","value1","childMethod","imgIndex","Number","isShow","$parent","val"],"mappings":"oKAAA,yBAAiiB,EAAG,G,oCCApiB,yBAAuiB,EAAG,G,kCCA1iB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,MAAQN,EAAIM,KAAKC,OAAQH,EAAG,MAAM,CAACI,YAAY,eAAe,CAAER,EAAQ,KAAEI,EAAG,SAAS,CAACK,IAAIT,EAAIU,KAAKC,MAAM,CAAC,QAAUX,EAAIY,eAAe,CAACZ,EAAIa,GAAIb,EAAQ,MAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,eAAe,CAACY,IAAI,iBAAmBD,EAAME,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,OAAOL,MAAS,CAAEA,EAAW,OAAEV,EAAG,MAAM,CAACI,YAAY,eAAeG,MAAM,CAAC,IAAMG,EAAKM,UAAUhB,EAAG,MAAM,CAACI,YAAY,eAAeG,MAAM,CAAC,IAAM,EAAQ,gBAAiCX,EAAc,WAAEI,EAAG,MAAM,CAACI,YAAY,qBAAqBG,MAAM,CAAC,KAAO,eAAeU,KAAK,gBAAgBrB,EAAIsB,KAAMtB,EAAc,WAAEI,EAAG,MAAM,CAACI,YAAY,qBAAqBG,MAAM,CAAC,KAAO,eAAeU,KAAK,gBAAgBrB,EAAIsB,MAAM,GAAGtB,EAAIsB,MAAM,GAAGtB,EAAIsB,MACnzBC,EAAkB,G,0DCetB,GACEb,KAAM,gBACNc,MAAO,CACLC,WAAY,CACVC,KAAMC,OACNC,QAAS,qBAEXC,WAAY,CAEVH,KAAMI,QACNF,SAAS,IAGbG,KAbF,WAcI,MAAO,CACLzB,KAAM,KACN0B,SAAU,GACVC,UAAW,EACXC,WAAY,EACZtB,aAAc,CAIZuB,aAAc,EACdC,MAAM,EACNC,SAAU,CACRC,MAAO,KAETC,WAAY,CACVC,WAAW,GAGbX,WAAY,CACVY,OAAQ,sBACRC,OAAQ,wBAGZhC,KAAM,KAGViC,SAAU,OAAZ,OAAY,CAAZ,kBACA,gBACI,aAAJ,qBAFA,IAIIC,OAJJ,WAKM,OAAO3C,KAAK4C,MAAM5C,KAAKS,MAAMkC,UAGjCE,QAhDF,WAiDI7C,KAAKS,KAAO,YAAhB,sBACIT,KAAK8C,QAEPC,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,mBAAJ,+BAFA,IAII,KAJJ,WAIA,gLACA,mCADA,OACA,EADA,OAGA,eACA,kBACA,0BAEA,uCACA,kCAEA,UAEA,2BACA,4BAbA,8CAgBI7B,OApBJ,SAoBA,GACU8B,GAAKA,EAAEC,KACTC,OAAOC,KAAKH,EAAEC,SC1FgV,I,wBCQlWG,EAAY,eACd,EACAtD,EACAwB,GACA,EACA,KACA,KACA,MAIa,OAAA8B,E,6CCnBd,IAAIC,EAAQC,SAASC,KACjBN,EAAM,CACR,KAAQ,0BACR,GAAM,wBACN,SAAY,uBACZ,OAAU,sBACV,MAAS,4BAKLO,EAAM,CACVC,cAAe,CACb,KAAQ,wBACR,GAAM,uBACN,SAAY,2BACZ,OAAU,sBACV,MAAS,iCAEXC,IAAK,CACH,KAAQ,wBACR,GAAM,0BACN,SAAY,2BACZ,OAAU,yBACV,MAAS,+BAEXC,MAAO,CACL,KAAQ,0BACR,GAAM,4BACN,SAAY,6BACZ,OAAU,2BACV,MAAS,gCAEXC,KAAM,CACJ,KAAQ,yBACR,GAAM,2BACN,SAAY,4BACZ,OAAU,0BACV,MAAS,+BAEXC,KAAM,CACJ,KAAQ,yBACR,GAAM,2BACN,SAAY,4BACZ,OAAU,0BACV,MAAS,+BAEXC,IAAK,CACH,KAAQ,wBACR,GAAM,0BACN,SAAY,2BACZ,OAAU,yBACV,MAAS,8BAEXC,KAAK,CACJ,KAAQ,4BACR,GAAM,0BACN,SAAY,yBACZ,OAAU,uBACV,MAAS,+BAIZ,OAAQV,GACN,KAAKG,EAAIC,cAAcO,GACrBf,EAAMO,EAAIC,cACV,MACF,KAAKD,EAAIE,IAAIM,GACXf,EAAMO,EAAIE,IACV,MACF,KAAKF,EAAIG,MAAMK,GACbf,EAAMO,EAAIG,MACV,MACF,KAAKH,EAAII,KAAKI,GACZf,EAAMO,EAAII,KACV,MACF,KAAKJ,EAAIK,KAAKG,GACZf,EAAMO,EAAIK,KACV,MACF,KAAKL,EAAIM,IAAIE,GACXf,EAAMO,EAAIM,IACV,MACD,KAAKN,EAAIO,KAAKC,GACZf,EAAIO,EAAIO,KAEE,QACb,KAAQd,EAAIgB,KACZ,GAAMhB,EAAIe,GACV,SAAYf,EAAIiB,SAChB,OAAUjB,EAAIkB,OACd,MAASlB,EAAImB,Q,oCC1FhB,yBAA6kB,EAAG,G,kCCAhlB,yBAA4jB,EAAG,G,6DCA/jB,IAAItE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,SAAS,CAACK,IAAIT,EAAIU,KAAKC,MAAM,CAAC,QAAUX,EAAIY,eAAe,CAACZ,EAAIa,GAAIb,EAAQ,MAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,eAAe,CAACY,IAAI,iBAAmBD,GAAO,CAAQX,EAAG,MAAV,EAAgB,CAACI,YAAY,eAAeG,MAAM,CAAC,IAAMG,IAAiB,CAACN,YAAY,eAAeG,MAAM,CAAC,IAAM,EAAQ,gBAAiCX,EAAc,WAAEI,EAAG,MAAM,CAACI,YAAY,qBAAqBG,MAAM,CAAC,KAAO,eAAeU,KAAK,gBAAgBrB,EAAIsB,KAAMtB,EAAc,WAAEI,EAAG,MAAM,CAACI,YAAY,qBAAqBG,MAAM,CAAC,KAAO,eAAeU,KAAK,gBAAgBrB,EAAIsB,MAAM,IAAI,IAC/qBC,EAAkB,GCgBtB,G,UAAA,CACEb,KAAM,gBACNc,MAAO,CACLK,WAAY,CAEVH,KAAMI,QACNF,SAAS,GAEXtB,KAAM,CACJoB,KAAM4C,MACN1C,QAAS,WACP,MAAO,MAIbG,KAfF,WAgBI,MAAO,CACLnB,aAAc,CAIZuB,aAAc,EACdC,MAAM,EAENG,WAAY,CACVC,WAAW,GAGbX,WAAY,CACVY,OAAQ,sBACRC,OAAQ,wBAGZhC,KAAM,KAGViC,SAAU,CACRC,OADJ,WAEM,OAAO3C,KAAK4C,MAAM5C,KAAKS,MAAMkC,SAGjCE,QAzCF,WA0CI7C,KAAKS,KAAO,YAAhB,uBAEE6D,QA5CF,aAiDEvB,QAAS,KClEqV,I,wBCQ5VK,EAAY,eACd,EACAtD,EACAwB,GACA,EACA,KACA,KACA,MAIa,OAAA8B,E,2CCnBf,IAAItD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,eAAc,EAAK,iBAAgB,GAAO6D,MAAM,CAACC,MAAOzE,EAAY,SAAE0E,SAAS,SAAUC,GAAM3E,EAAI4E,SAASD,GAAKE,WAAW,aAAa,CAACzE,EAAG,MAAM,CAAC0E,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQ,aAAa,SAAS,cAAc,SAAS,CAAC1E,EAAG,MAAM,CAACI,YAAY,UAAUG,MAAM,CAAC,GAAKX,EAAI+E,MAAM3E,EAAG,MAAM,CAAC0E,YAAY,CAAC,YAAY,OAAO,MAAQ,OAAO,aAAa,SAAS,CAAC1E,EAAG,OAAO,CAACJ,EAAIgF,GAAG,yBAAyB,IAC1hBzD,EAAkB,G,qBC0BtB,G,UAAA,CACEb,KAAM,QACNc,MAAO,CACL0B,IAAKvB,OACLoD,GAAJ,CACMrD,KAAN,OACME,QAAN,YAGEG,KATF,WAUI,MAAO,CACL6C,UAAU,IAGd9B,QAdF,aAeEE,QAAS,CACPI,KADJ,SACA,GACM6B,SAASC,eAAejF,KAAK8E,IAAII,UAAY,GAC7C,IAAN,gDACA,iBACQC,MAAO,IACPC,OAAQ,IACRC,KAAMpC,EACNqC,aAAc,IAKhBtF,KAAK2E,UAAW,MCvDwU,I,wBCQ1VvB,EAAY,eACd,EACAtD,EACAwB,GACA,EACA,KACA,WACA,MAIa,OAAA8B,E,4BCnBfmC,EAAOC,QAAU,k+B,gECAjB,IAAI1F,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,gBAAgB,CAACO,MAAM,CAAC,WAAa,uBAAuBP,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,UAAUiF,QAAQ,YAAYlB,MAAM,kBAAoBI,WAAW,uBAAuB,CAACzE,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,MAAM,CAACI,YAAY,YAAY,CAACR,EAAI4F,GAAG,GAAGxF,EAAG,MAAM,CAACI,YAAY,mBAAmB,CAACJ,EAAG,MAAM,CAACI,YAAY,YAAYR,EAAIa,GAAIb,EAAgB,cAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAMP,YAAY,gBAAgBqF,MAAM7F,EAAI8F,QAAU/E,EAAQ,YAAc,GAAGgF,GAAG,CAAC,MAAQ,SAAS7E,GAAQ,OAAOlB,EAAIgG,eAAejF,MAAU,CAACf,EAAIgF,GAAGhF,EAAIiG,GAAGnF,SAAW,GAAmB,IAAfd,EAAI8F,OAAc1F,EAAG,MAAM,CAAC0E,YAAY,CAAC,gBAAgB,SAAS,CAAC1E,EAAG,QAAQ,CAACO,MAAM,CAAC,YAAe,SAA0B,IAAfX,EAAI8F,OAAe,KAAO,MAAQ,OAAQtB,MAAM,CAACC,MAAOzE,EAAe,YAAE0E,SAAS,SAAUC,GAAM3E,EAAIkG,YAAYvB,GAAKE,WAAW,kBAAkB,GAAGzE,EAAG,MAAM,CAAC0E,YAAY,CAAC,gBAAgB,SAAS,CAAC1E,EAAG,SAAS,CAAC0E,YAAY,CAAC,MAAQ,SAASN,MAAM,CAACC,MAAOzE,EAAe,YAAE0E,SAAS,SAAUC,GAAM3E,EAAIkG,YAAYvB,GAAKE,WAAW,gBAAgB7E,EAAIa,GAAIb,EAAW,SAAE,SAASc,GAAM,OAAOV,EAAG,SAAS,CAACY,IAAIF,EAAKJ,KAAKC,MAAM,CAAC,MAAQG,EAAKJ,OAAO,CAACV,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKJ,YAAW,IAAI,GAAGN,EAAG,MAAM,CAACI,YAAY,YAAY,CAACJ,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,EAAE,YAAe,YAA6B,IAAfX,EAAI8F,OAAe,KAAO,MAAQ,MAAO,KAAO,YAAYtB,MAAM,CAACC,MAAOzE,EAAW,QAAE0E,SAAS,SAAUC,GAAM3E,EAAImG,QAAQxB,GAAKE,WAAW,cAAc,GAAGzE,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,MAAM,CAACA,EAAG,aAAa,CAACO,MAAM,CAAC,SAAWX,EAAIoG,cAAcL,GAAG,CAAC,YAAY/F,EAAIqG,aAAa,GAAGjG,EAAG,SAAS,CAACO,MAAM,CAAC,cAAc,GAAG,MAAQ,QAAQ6D,MAAM,CAACC,MAAOzE,EAAW,QAAE0E,SAAS,SAAUC,GAAM3E,EAAIsG,QAAQ3B,GAAKE,WAAW,YAAY,CAACzE,EAAG,MAAM,CAAC0E,YAAY,CAAC,aAAa,WAAW,CAAE9E,EAAW,QAAEI,EAAG,MAAM,CAAC0E,YAAY,CAAC,YAAY,QAAQnE,MAAM,CAAC,IAAMX,EAAIuG,WAAWvG,EAAIsB,UAAU,KAAKlB,EAAG,MAAM,CAACI,YAAY,SAASuF,GAAG,CAAC,MAAQ/F,EAAIwG,eAAe,CAACxG,EAAIgF,GAAG,YAAchF,EAAIyG,WAAyczG,EAAIsB,KAAjclB,EAAG,MAAM,CAACI,YAAY,mBAAmB,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAaR,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAMP,YAAY,QAAQ,CAAEO,EAAQ,EAAGX,EAAG,MAAM,CAAC0E,YAAY,CAAC,QAAU,OAAO,cAAc,WAAW,CAAC1E,EAAG,OAAO,CAACI,YAAY,SAAS,CAACR,EAAIgF,GAAG,QAAQ5E,EAAG,OAAO,CAACI,YAAY,SAAS,CAACR,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKqF,YAAY/F,EAAG,OAAO,CAACI,YAAY,QAAQ,CAACR,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAK4F,gBAAgB1G,EAAIsB,UAAS,OAAgBlB,EAAG,MAAM,CAACI,YAAY,YAAY,CAACJ,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,OAAO,CAACI,YAAY,YAAYqF,MAA2B,GAArB7F,EAAI2G,cAAqB,YAAc,GAAGZ,GAAG,CAAC,MAAQ,SAAS7E,GAAQ,OAAOlB,EAAI4G,aAAa,MAAM,CAAC5G,EAAIgF,GAAG,QAAQhF,EAAIiG,GAAGjG,EAAI6G,iBAAiB,QAAQzG,EAAG,MAAM,CAACI,YAAY,eAAeJ,EAAG,OAAO,CAACI,YAAY,YAAYqF,MAA2B,GAArB7F,EAAI2G,cAAqB,YAAc,GAAGZ,GAAG,CAAC,MAAQ,SAAS7E,GAAQ,OAAOlB,EAAI4G,aAAa,MAAM,CAAC5G,EAAIgF,GAAG,QAAQhF,EAAIiG,GAAGjG,EAAI8G,iBAAiB,QAAQ1G,EAAG,MAAM,CAACI,YAAY,mBAAoBR,EAAIyG,YAAczG,EAAIyG,WAAWlG,OAAQH,EAAG,MAAM,CAACI,YAAY,iBAAiBR,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAMP,YAAY,UAAU,CAACJ,EAAG,MAAM,CAAC0E,YAAY,CAAC,QAAU,QAAQnE,MAAM,CAAC,MAAQG,EAAKqF,SAASJ,GAAG,CAAC,MAAQ,SAAS7E,GAAiC,OAAzBA,EAAO6F,kBAAyB/G,EAAIgH,mBAAmB,CAACjC,GAAGjE,EAAKiE,GAAGkC,SAASnG,EAAKmG,cAAe,CAAC7G,EAAG,MAAM,CAACI,YAAY,cAAc,CAAEM,EAAKoG,WAAapG,EAAKoG,UAAUC,UAAW/G,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,YAAYG,MAAM,CAAC,IAAMG,EAAKoG,UAAUC,aAAiC,GAAnBnH,EAAI2G,eAAsC,GAApB7F,EAAKsG,cAAkBhH,EAAG,MAAM,CAACI,YAAY,YAAYG,MAAM,CAAC,IAAMX,EAAIqH,eAAeC,QAA4B,GAAnBtH,EAAI2G,cAAkBvG,EAAG,MAAM,CAACI,YAAY,YAAYG,MAAM,CAAC,IAAM,EAAQ,WAA4BX,EAAIsB,KAAKlB,EAAG,MAAM,CAAEU,EAAKoG,WAA+B,GAApBpG,EAAKsG,cAAkBhH,EAAG,MAAM,CAACI,YAAY,QAAQ,CAACJ,EAAG,OAAO,CAACI,YAAY,QAAQG,MAAM,CAAC,MAAQG,EAAKoG,UAAUK,gBAAgB,CAACvH,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoG,UAAUK,kBAAkBnH,EAAG,OAAO,CAACI,YAAY,QAAQG,MAAM,CAAC,MAAQG,EAAKoG,UAAUM,WAAW,CAACxH,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoG,UAAUM,eAAgB1G,EAAKoG,WAA+B,GAApBpG,EAAKsG,cAAkBhH,EAAG,MAAM,CAACI,YAAY,QAAQ,CAACJ,EAAG,MAAM,CAACI,YAAY,QAAQG,MAAM,CAAC,MAAQG,EAAKoG,UAAUK,gBAAgB,CAACvH,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoG,UAAUK,oBAAoBvH,EAAIsB,KAA0B,GAApBR,EAAKsG,cAAkBhH,EAAG,MAAM,CAACI,YAAY,WAAW,CAACR,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoG,WAAapG,EAAKoG,UAAUO,aAAarH,EAAG,MAAM,CAACI,YAAY,WAAW,CAACR,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoG,WAAYpG,EAAKoG,UAAUQ,aAAc5G,EAAKmG,UAAYjH,EAAI2H,gBAAkB7G,EAAK8G,UAAY5H,EAAI6H,SAASC,SAASF,UAAY9G,EAAKoG,UAAW9G,EAAG,MAAM,CAACI,YAAY,UAAUuF,GAAG,CAAC,MAAQ,SAAS7E,GAAiC,OAAzBA,EAAO6F,kBAAyB/G,EAAI+H,eAAejH,MAAS,CAACd,EAAIgF,GAAG,QAAQhF,EAAIsB,KAAMR,EAAKmG,UAAYjH,EAAI2H,gBAAkB7G,EAAK8G,UAAY5H,EAAI6H,SAASC,SAASF,SAAUxH,EAAG,MAAM,CAACI,YAAY,YAAYuF,GAAG,CAAC,MAAQ,SAAS7E,GAAiC,OAAzBA,EAAO6F,kBAAyB/G,EAAIgI,iBAAiBlH,MAAS,CAACd,EAAIgF,GAAG,SAAShF,EAAIsB,OAAOlB,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,MAAM,CAACI,YAAY,oBAAoB,CAAEM,EAAS,KAAEV,EAAG,OAAO,CAACI,YAAY,YAAY,CAACR,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKY,SAAS1B,EAAIsB,KAAKlB,EAAG,OAAO,CAACI,YAAY,gBAAgBG,MAAM,CAAC,MAAQG,EAAKoF,cAAc,CAAClG,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAKoF,kBAAmBpF,EAAY,QAAEV,EAAG,MAAM,CAACI,YAAY,iBAAiBG,MAAM,CAAC,MAAQG,EAAKqF,SAAS8B,SAAS,CAAC,UAAYjI,EAAIiG,GAAGnF,EAAKqF,YAAanG,EAAIsB,OAAOlB,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAAEM,EAAW,OAAEV,EAAG,MAAM,CAACI,YAAY,cAAcR,EAAIa,GAAIC,EAAW,QAAE,SAASoH,EAAMC,GAAK,OAAO/H,EAAG,MAAM,CAACY,IAAImH,EAAI3H,YAAY,aAAa,CAACR,EAAI4F,GAAG,GAAE,GAAMxF,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMuH,EAAME,cAAa,GAAItH,EAAKuH,SAASvH,EAAKuH,QAAQ9H,OAAQH,EAAG,MAAM,CAAC2F,GAAG,CAAC,MAAQ,CAAC,SAAS7E,GAAQ,OAAOlB,EAAIsI,SAASxH,EAAKuH,UAAU,SAASnH,GAAQA,EAAO6F,kBAAkB/G,EAAIuI,MAAO,MAAS,CAAEzH,EAAKuH,QAAQ,GAAIjI,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,OAAOG,MAAM,CAAC,IAAMG,EAAKuH,QAAQ,MAAMrI,EAAIsB,KAAMR,EAAKuH,QAAQ,GAAIjI,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,OAAOG,MAAM,CAAC,IAAMG,EAAKuH,QAAQ,MAAMrI,EAAIsB,KAAMR,EAAKuH,QAAQ,GAAIjI,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,OAAOG,MAAM,CAAC,IAAMG,EAAKuH,QAAQ,MAAMrI,EAAIsB,KAAMR,EAAKuH,QAAQ,GAAIjI,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,OAAOG,MAAM,CAAC,IAAMG,EAAKuH,QAAQ,MAAMrI,EAAIsB,KAAMR,EAAKuH,QAAQ,GAAIjI,EAAG,MAAM,CAACsF,WAAW,CAAC,CAAChF,KAAK,OAAOiF,QAAQ,SAASlB,MAAM,SAAWI,WAAW,aAAarE,YAAY,OAAOG,MAAM,CAAC,IAAMG,EAAKuH,QAAQ,MAAMrI,EAAIsB,OAAOlB,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACR,EAAIgF,GAAG,WAAW5E,EAAG,MAAM,CAACI,YAAY,QAAQ,CAACJ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACJ,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAK0H,WAAW,SAASpI,EAAG,OAAO,CAAC0E,YAAY,CAAC,cAAc,OAAO,gBAAgB,SAAS,CAAC9E,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAK2H,cAAc,UAAUrI,EAAG,MAAM,CAACJ,EAAIgF,GAAGhF,EAAIiG,GAAGnF,EAAK4H,wBAAuB,GAAG1I,EAAIsB,KAAMtB,EAAW,QAAEI,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,MAAM,CAAC0E,YAAY,CAAC,aAAa,SAAS,aAAa,QAAQ,MAAQ,SAAS,CAAC9E,EAAIgF,GAAG,gBAAkBhF,EAAI2I,SAAY3I,EAAIyG,WAAWlG,OAAuJP,EAAIsB,KAAnJlB,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,MAAM,CAAC0E,YAAY,CAAC,aAAa,SAAS,aAAa,QAAQ,MAAQ,SAAS,CAAC9E,EAAIgF,GAAG,YAAsBhF,EAAIkC,WAAalC,EAAI4I,KAAMxI,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,OAAO,CAACO,MAAM,CAAC,QAAUX,EAAI6I,KAAK,YAAY7I,EAAI4I,KAAK,MAAQ5I,EAAIkC,WAAW,gBAAgB,GAAG,aAAa,IAAI6D,GAAG,CAAC,YAAY/F,EAAI8I,WAAW,sBAAsB9I,EAAI+I,mBAAmB,GAAG/I,EAAIsB,WAAWlB,EAAG,eAAe,CAACK,IAAI,aAAaL,EAAG,aAAa,CAACK,IAAI,eAAeL,EAAG,aAAa,CAACO,MAAM,CAAC,QAAUX,EAAIgJ,QAAQ,KAAOhJ,EAAIuI,SAAS,IACv1PhH,EAAkB,CAAC,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,OAAO,CAACJ,EAAIgF,GAAG,iBAAiB,WAAa,IAAIhF,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,YAAY,cAAc,CAACJ,EAAG,IAAI,CAACI,YAAY,qC,mPCiWhW,GACEE,KAAM,SACNqB,KAFF,WAGI,MAAO,CACLxB,OAAQ,EACR0I,aAAc,CAAC,OAAQ,QACvBD,QAAS,GACTE,cAAe,GACfC,SAAS,EACTrD,OAAQ,EACRK,QAAS,GACTD,YAAa,GACbkD,WAAY,GAKZC,YAAa,GAKb/C,SAAS,EACTC,QAAS,GACT+C,OAAQ,GACRC,SAAU,GACVhB,MAAM,EACNiB,WAAY,CAClB,yIACA,kGAEMX,KAAM,EACND,KAAM,GACNa,OAAQ,GACR3C,gBAAiB,IACjBD,gBAAiB,IACjB6C,gBAAiB,IACjBC,WAAW,EACXzH,WAAY,EACZuE,WAAY,GACZE,cAAe,EACfgB,eAAgB,GAChBiC,MAAO,GACPC,QAAS,GACTzD,aAAc,GACduC,SAAS,IAGbmB,WAAY,CACVC,QAAJ,OACIC,cAAJ,OACIC,WAAJ,OACIC,WAAJ,OACIC,aAAJ,OACIC,WAAJ,QAEEzH,SAAU,OAAZ,OAAY,CAAZ,kBACA,gBACI,WAAJ,gBACI,UAAJ,eACI,aAAJ,kBACI,SAAJ,UACI,YAAJ,iBACI,UAAJ,eACI,eAAJ,oBACI,MAAJ,WACI,WAAJ,gBACI,WAAJ,mBAXA,IAaI0H,QAbJ,WAcM,OAAOpK,KAAK4H,UAAY5H,KAAK4H,SAASC,UAAY7H,KAAK4H,SAASC,SAASwC,UAA+C,WAAnCrK,KAAK4H,SAASC,SAASwC,UAA4D,WAAnCrK,KAAK4H,SAASC,SAASwC,UAE9JA,SAhBJ,WAiBM,OAAOrK,KAAK4H,UAAY5H,KAAK4H,SAASC,UAAY7H,KAAK4H,SAASC,SAASwC,SAAWrK,KAAK4H,SAASC,SAASwC,SAAW,MAG1HC,MAAO,CACLC,UADJ,SACA,KACMvK,KAAKwK,OAAOC,OAAO,gBAAiB,GACpCzK,KAAK4I,KAAO,EACZ5I,KAAK8C,OACL9C,KAAK0K,aAGT7H,QApFF,WAqFImC,SAAS2F,MAAQ3K,KAAKoH,eAAiB,QAA3C,uCACQpH,KAAK4K,aACP5K,KAAK4I,KAAO5I,KAAK4K,YAEI,QAAnB5K,KAAK6K,WACP7K,KAAK2G,aAAa,GAAG,GAErB3G,KAAK2G,aAAa,GAAG,GAEvB3G,KAAK0K,WACL1K,KAAK8K,cAEP/H,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,YAAJ,mBACI,aAAJ,oBACI,eAAJ,sBACI,qBAAJ,4BACI,iBAAJ,mBACI,mBAAJ,+BAPA,IASI,WATJ,WASA,qKACA,wBADA,uBAEA,EAFA,2EAKA,gCALA,4LAeA,GACA,QACA,cAjBA,SAmBA,iBAnBA,OAmBA,EAnBA,OAoBA,4BACA,6CArBA,8CAwBI,SAjCJ,WAiCA,2LACA,EADA,8JAUA,KACA,qBACA,qEAEA,EAdA,gBAeA,OACA,iBACA,kBAEA,QACA,eACA,KAEA,QACA,SACA,qBAEA,iBACA,cACA,OAEA,GAEA,EAjCA,gBAkCA,OACA,iBACA,kBAEA,QACA,eACA,KAEA,QACA,SACA,qBAEA,iBACA,cACA,OAEA,GAEA,EApDA,gBAqDA,OACA,iBACA,kBAEA,QACA,eACA,KAEA,QACA,SACA,qBAEA,iBACA,cACA,OAEA,GAEA,uBACA,GACA,QACA,WACA,OACA,YACA,YACA,wBACA,2BAIA,GACA,QACA,WACA,OACA,YACA,YACA,wBACA,2BAIA,GACA,QACA,WACA,OACA,YACA,YACA,wBACA,2BArGA,UA0GA,iBA1GA,eA0GA,EA1GA,iBA2GA,iBA3GA,eA2GA,EA3GA,iBA4GA,iBA5GA,QA4GA,EA5GA,OA6GA,4DACA,4DACA,4DA/GA,+CAiHI,KAlJJ,WAkJA,6KACA,aACA,WAiDA,8CACA,qZAaA,6BAbA,k3BAjDA,oBACA,otCAiGA,KACA,qBACA,qEAEA,EAzGA,gBA0GA,OACA,iBACA,kBAEA,QACA,eACA,KAEA,QACA,SACA,mCAEA,iBACA,cACA,OAEA,GAEA,uBACA,GACA,cACA,WACA,OACA,YACA,YACA,wBACA,2BApIA,SAyIA,iBAzIA,OAyIA,EAzIA,OA0IA,uDACA,kDACA,cACA,kCACA,YACA,gCAEA,WACA,+BAEA,gDAGA,aAvJA,+CA0JI4D,aA5SJ,SA4SA,iEACM3G,KAAK0G,cAAgB5F,EACjBA,EACFd,KAAKwK,OAAOC,OAAO,gBAAiB,QAEpCzK,KAAKwK,OAAOC,OAAO,gBAAiB,QAEjCM,IACH/K,KAAKwK,OAAOC,OAAO,gBAAiB,GACpCzK,KAAK4I,KAAO,GAEd5I,KAAK8C,QAEPiD,eAzTJ,SAyTA,GACuC,SAA7B/F,KAAKgJ,aAAalI,IAAuC,cAAlBd,KAAKqK,SAIhDrK,KAAK6F,OAAS/E,EAHZd,KAAKgL,SAASC,QAAQ,gBAK1BC,YAhUJ,WAiUMlL,KAAKsI,MAAO,GAGd6C,SApUJ,SAoUA,GACUrG,GACF9E,KAAK4C,MAAM+B,SAASxB,KAAK2B,IAI7B,aA1UJ,SA0UA,wKACA,mBADA,uBAEA,sBAFA,8BAKA,6CALA,uBAMA,4BANA,6BASA,0CATA,oDAYA,UAZA,wBAaA,8BAbA,8BAgBA,cAhBA,wBAiBA,mCAjBA,+BAoBA,YApBA,wBAqBA,8BArBA,kCAwBA,6CACA,GACA,sCACA,8BACA,gBACA,4BACA,kBACA,2BAEA,wCACA,wBACA,sIAEA,KACA,oCACA,iBAEA,wBAzCA,UA4CA,kBA5CA,QA4CA,EA5CA,OA6CA,UACA,2BACA,aACA,iBACA,kBAKA,aAEA,2BAxDA,+CA4DI,eAtYJ,SAsYA,wKACA,UADA,uBAEA,sBAFA,iCAKA,GACA,qBACA,+BACA,8BAEA,GACA,oBACA,sCACA,4BAbA,SAgBA,oBAhBA,OAgBA,EAhBA,OAiBA,eACA,SACA,SAEA,2BArBA,+CAyBI,iBA/ZJ,SA+ZA,sKACA,UADA,uBAEA,sBAFA,iCAKA,GACA,oBACA,uCAPA,SASA,0BATA,OASA,EATA,OAUA,eACA,SACA,SAEA,6BAdA,8CAiBI+D,WAhbJ,SAgbA,GACM7I,KAAK4I,KAAO5F,EACZhD,KAAKwK,OAAOC,OAAO,gBAAiBzH,GACpChD,KAAK8C,QAEPgG,eArbJ,SAqbA,GACM9I,KAAK2I,KAAO3F,GAEdoD,SAxbJ,SAwbA,GACMpG,KAAKmG,aAAe9F,GAGtB+K,WA5bJ,SA4bA,GACMpL,KAAKsG,QAAU7F,EACfT,KAAKqG,SAAU,GAgCjBgF,aA9dJ,SA8dA,GACM,IAAN,kBACMrL,KAAKmJ,WAAWmC,OAAOC,EAASC,QAAQC,GAAO,GAC/CzL,KAAKiJ,cAAcqC,OAAOC,EAASC,QAAQC,GAAO,GAClDC,QAAQC,IAAI3L,KAAKmJ,WAAY,mBAI/ByC,cAteJ,SAseA,KACUC,GAAOA,EAAI/J,KAAKxB,SAClBmL,EAAKxI,IAAM4I,EAAI/J,KAAK,GACpB9B,KAAKmJ,WAAW2C,OAAS,WACzB9L,KAAKiJ,cAAc8C,KAAKN,EAAKxI,KAC7BjD,KAAKmJ,WAAanJ,KAAK4C,MAAMoJ,OAAOT,SACpCG,QAAQC,IAAI3L,KAAKmJ,WAAY,YAIjC8C,kBAhfJ,SAgfA,GACMjM,KAAKgL,SAASC,QAAQ,gCAGxBiB,mBApfJ,WAqfMlM,KAAKmJ,WAAW4C,KAAK,CAA3B,iBACM,IAAN,MACA,2BAIM,OAHKI,GACHnM,KAAKgL,SAASC,QAAQ,OAA9B,iBAEakB,GA6FTC,cAxlBJ,SAwlBA,GACMpM,KAAKgL,SAASC,QAAQ,yBAExB5C,SA3lBJ,SA2lBA,GACMrI,KAAKqM,QAAS,EACdrM,KAAK+I,QAAUA,MChiCyV,I,wBCQ1W3F,EAAY,eACd,EACAtD,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,2CCnBf,IAAItD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAQ,KAAEI,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACJ,EAAG,MAAM,CAACI,YAAY,wBAAwBJ,EAAG,MAAM,CAACI,YAAY,YAAY,CAACJ,EAAG,WAAW,CAAC0E,YAAY,CAAC,OAAS,SAASnE,MAAM,CAAC,MAAO,GAAM6D,MAAM,CAACC,MAAOzE,EAAU,OAAE0E,SAAS,SAAUC,GAAM3E,EAAIuM,OAAO5H,GAAKE,WAAW,WAAW7E,EAAIa,GAAIb,EAAW,SAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,eAAe,CAACY,IAAID,GAAO,CAACX,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMG,YAAc,IAAI,GAAGV,EAAG,MAAM,CAACI,YAAY,SAASuF,GAAG,CAAC,MAAQ,SAAS7E,GAAiC,OAAzBA,EAAO6F,kBAAyB/G,EAAIwM,YAAYtL,MAAW,CAACd,EAAG,IAAI,CAACI,YAAY,6BAA6BR,EAAIsB,MAC7sBC,EAAkB,GCoBtB,G,UAAA,CACEb,KAAM,aACNc,MAAO,CACL+G,KAAM,CACJ7G,KAAMI,QACNF,SAAS,GAEXoH,QAAS,CACPtH,KAAM4C,MACN1C,QAAS,WACP,MAAO,CAAC,uGAGZ6K,SAAU,CACR/K,KAAMgL,OACN9K,QAAS,IAGbG,KAlBF,WAmBI,MAAO,CACLwK,OAAQ,EACRI,QAAQ,IAGZ3J,QAAS,CACPwJ,YADJ,WAEMvM,KAAKsM,OAAS,EACdtM,KAAK2M,QAAQzB,gBAGjBZ,MAAO,CACLhC,KADJ,SACA,KACUsE,IACF5M,KAAKsM,OAAStM,KAAKwM,cCtDwU,I,wBCQ/VpJ,EAAY,eACd,EACAtD,EACAwB,GACA,EACA,KACA,WACA,MAIa,OAAA8B,E,kECnBf,yBAAujB,EAAG","file":"static/js/chunk-378bc1c4.60d046ba.js","sourcesContent":["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!./gSwiper.vue?vue&type=style&index=0&lang=scss&\"; 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!./gSwiper.vue?vue&type=style&index=0&lang=scss&\"","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!./gSwiperCommon.vue?vue&type=style&index=0&lang=scss&\"; 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!./gSwiperCommon.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.list && _vm.list.length)?_c('div',{staticClass:\"gSwiperBox2\"},[(_vm.list)?_c('swiper',{ref:_vm.name,attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.list),function(item,index){return _c('swiper-slide',{key:'gSwiperCommon-' + index,nativeOn:{\"click\":function($event){return _vm.linkTo(item)}}},[(item.covers)?_c('img',{staticClass:\"swiper-cover\",attrs:{\"src\":item.covers}}):_c('img',{staticClass:\"swiper-cover\",attrs:{\"src\":require(\"@assets/img/empty.png\")}})])}),(_vm.navigation)?_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}):_vm._e(),(_vm.navigation)?_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}):_vm._e()],2):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"gSwiperBox2\" v-if=\"list && list.length\">\r\n    <swiper :options=\"swiperOption\" :ref=\"name\" v-if=\"list\">\r\n      <swiper-slide v-for=\"(item, index) in list\" :key=\"'gSwiperCommon-' + index\" @click.native=\"linkTo(item)\">\r\n        <img :src=\"item.covers\" v-if=\"item.covers\" class=\"swiper-cover\"/>\r\n        <img src=\"@assets/img/empty.png\" v-else class=\"swiper-cover\" />\r\n      </swiper-slide>\r\n      <div class=\"swiper-button-prev\" slot=\"button-prev\" v-if=\"navigation\"></div>\r\n      <div class=\"swiper-button-next\" slot=\"button-next\" v-if=\"navigation\"></div>\r\n    </swiper>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"gSwiperCommon\",\r\n  props: {\r\n    bannerType: {\r\n      type: String,\r\n      default: \"show.page.home.pc\",\r\n    },\r\n    navigation: {\r\n      // 是否显示 左右按钮\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      list: null,\r\n      pageSize: 20,\r\n      pageIndex: 1,\r\n      totalCount: 0,\r\n      swiperOption: {\r\n        // some swiper options/callbacks\r\n        // 所有的参数同 swiper 官方 api 参数\r\n        // ...\r\n        spaceBetween: 0,\r\n        loop: true,\r\n        autoplay: {\r\n          delay: 4000,\r\n        },\r\n        pagination: {\r\n          clickable: true,\r\n        },\r\n\r\n        navigation: {\r\n          nextEl: \".swiper-button-next\",\r\n          prevEl: \".swiper-button-prev\",\r\n        },\r\n      },\r\n      name: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n    }),\r\n    swiper() {\r\n      return this.$refs[this.name].swiper;\r\n    },\r\n  },\r\n  created() {\r\n    this.name = `mySwiper-${Math.random()}`;\r\n    this.init();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getBannerByGraphal: \"banner/getBannerByGraphal\",\r\n    }),\r\n    async init() {\r\n      let listData = await this.getBannerByGraphal(this.bannerType);\r\n      if (\r\n        listData.bannerQuery &&\r\n        listData.bannerQuery.by &&\r\n        listData.bannerQuery.by.length\r\n      ) { \r\n        let sortList = listData.bannerQuery.by.sort((a, b) => {\r\n          return a.showIndex - b.showIndex;\r\n        });\r\n        this.list = sortList;\r\n      }\r\n      if (this.list && this.list.length <= 1) {\r\n        this.swiperOption.autoplay = false;\r\n      }\r\n    },\r\n    linkTo(e) {\r\n      if (e && e.url) {\r\n        window.open(e.url);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.gSwiperBox2 {\r\n  width: 100%;\r\n  min-width: 1400px;\r\n  height: 400px;\r\n  background-color: #ddd;\r\n  overflow: hidden;\r\n  text-align: center;\r\n  .swiper-slide {\r\n    position: relative;\r\n    img {\r\n      // width: 100%;\r\n      // height: 100%;\r\n      height: 400px;\r\n    }\r\n  }\r\n  .swiperBox-content {\r\n    z-index: 2;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    padding: 25px;\r\n    color: #fff;\r\n  }\r\n  .swiper-container {\r\n    font-size: 0;\r\n    height: 100%;\r\n  }\r\n  .swiper-pagination {\r\n    font-size: 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding-right: 18px;\r\n    bottom: 22px;\r\n    .swiper-pagination-bullet {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 0;\r\n      background-color: #ddd;\r\n      opacity: 1;\r\n    }\r\n    .swiper-pagination-bullet-active {\r\n      background-color: #ed6e02;\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .swiper-button-next {\r\n    background-image: url(\"./img/arrow-r.png\");\r\n    background-size: contain;\r\n    width: 44px;\r\n  }\r\n  .swiper-button-prev {\r\n    width: 44px;\r\n    background-image: url(\"./img/arrow-l.png\");\r\n    background-size: contain;\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!./gSwiperCommon.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!./gSwiperCommon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gSwiperCommon.vue?vue&type=template&id=5b84136b&\"\nimport script from \"./gSwiperCommon.vue?vue&type=script&lang=js&\"\nexport * from \"./gSwiperCommon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gSwiperCommon.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"," let orgin = location.host;\r\n let url = {\r\n   \"pcEn\": \"showen.zhanshangxiu.com\",\r\n   \"pc\": \"show.zhanshangxiu.com\",\r\n   \"mobileEn\": \"men.zhanshangxiu.com\",\r\n   \"mobile\": \"m2.zhanshangxiu.com\",\r\n   \"admin\": \"console.zhanshangxiu.com\",\r\n };\r\n //  import url from \"@/utils/url\";\r\n // baseUrl: `https://${url.mobile}`,\r\n\r\n const opt = {\r\n   cacshowonline: {\r\n     \"pcEn\": \"www.cacshowonline.com\",\r\n     \"pc\": \"cn.cacshowonline.com\",\r\n     \"mobileEn\": \"mobile.cacshowonline.com\",\r\n     \"mobile\": \"m.cacshowonline.com\",\r\n     \"admin\": \"onlinelogin.cacshowonline.com\",\r\n   },\r\n   cac: {\r\n     \"pcEn\": \"cac.cacshowonline.com\",\r\n     \"pc\": \"caccn.cacshowonline.com\",\r\n     \"mobileEn\": \"caccnm.cacshowonline.com\",\r\n     \"mobile\": \"cacm.cacshowonline.com\",\r\n     \"admin\": \"caclogin.cacshowonline.com,\"\r\n   },\r\n   fshow: {\r\n     \"pcEn\": \"fshow.cacshowonline.com\",\r\n     \"pc\": \"fshowcn.cacshowonline.com\",\r\n     \"mobileEn\": \"fshowcnm.cacshowonline.com\",\r\n     \"mobile\": \"fshowm.cacshowonline.com\",\r\n     \"admin\": \"fshowlogin.cacshowonline.com\",\r\n   },\r\n   cace: {\r\n     \"pcEn\": \"cace.cacshowonline.com\",\r\n     \"pc\": \"cacecn.cacshowonline.com\",\r\n     \"mobileEn\": \"cacecnm.cacshowonline.com\",\r\n     \"mobile\": \"cacem.cacshowonline.com\",\r\n     \"admin\": \"cacelogin.cacshowonline.com\",\r\n   },\r\n   seed: {\r\n     \"pcEn\": \"seed.cacshowonline.com\",\r\n     \"pc\": \"seedcn.cacshowonline.com\",\r\n     \"mobileEn\": \"seedcnm.cacshowonline.com\",\r\n     \"mobile\": \"seedm.cacshowonline.com\",\r\n     \"admin\": \"seedlogin.cacshowonline.com\",\r\n   },\r\n   caa: {\r\n     \"pcEn\": \"caa.cacshowonline.com\",\r\n     \"pc\": \"caacn.cacshowonline.com\",\r\n     \"mobileEn\": \"caacnm.cacshowonline.com\",\r\n     \"mobile\": \"caam.cacshowonline.com\",\r\n     \"admin\": \"caalogin.cacshowonline.com\",\r\n   },\r\n   test:{\r\n    \"pcEn\": \"t-showen.zhanshangxiu.com\",\r\n    \"pc\": \"t-show.zhanshangxiu.com\",\r\n    \"mobileEn\": \"t-men.zhanshangxiu.com\",\r\n    \"mobile\": \"t-m.zhanshangxiu.com\",\r\n    \"admin\": \"t-console.zhanshangxiu.com\",\r\n   }\r\n }\r\n\r\n switch (orgin) {\r\n   case opt.cacshowonline.pc:\r\n     url = opt.cacshowonline;\r\n     break;\r\n   case opt.cac.pc:\r\n     url = opt.cac;\r\n     break;\r\n   case opt.fshow.pc:\r\n     url = opt.fshow;\r\n     break;\r\n   case opt.cace.pc:\r\n     url = opt.cace;\r\n     break;\r\n   case opt.seed.pc:\r\n     url = opt.seed;\r\n     break;\r\n   case opt.caa.pc:\r\n     url = opt.caa;\r\n     break;\r\n    case opt.test.pc:\r\n      url=opt.test\r\n }\r\n export default {\r\n   \"pcEn\": url.pcEn,\r\n   \"pc\": url.pc,\r\n   \"mobileEn\": url.mobileEn,\r\n   \"mobile\": url.mobile,\r\n   \"admin\": url.admin,\r\n };","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!./demand.vue?vue&type=style&index=0&id=14eb770f&scoped=true&lang=scss&\"; 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!./demand.vue?vue&type=style&index=0&id=14eb770f&scoped=true&lang=scss&\"","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!./ShowSwiper.vue?vue&type=style&index=0&id=3c6e21f6&scoped=true&lang=scss&\"; 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!./ShowSwiper.vue?vue&type=style&index=0&id=3c6e21f6&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"gSwiperBox3\"},[_c('swiper',{ref:_vm.name,attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.list),function(item,index){return _c('swiper-slide',{key:'gSwiperCommon-' + index},[(item)?_c('img',{staticClass:\"swiper-cover\",attrs:{\"src\":item}}):_c('img',{staticClass:\"swiper-cover\",attrs:{\"src\":require(\"@assets/img/empty.png\")}})])}),(_vm.navigation)?_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}):_vm._e(),(_vm.navigation)?_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"gSwiperBox3\">\r\n    <swiper :options=\"swiperOption\" :ref=\"name\">\r\n      <swiper-slide\r\n        v-for=\"(item, index) in list\"\r\n        :key=\"'gSwiperCommon-' + index\"\r\n      >\r\n        <img :src=\"item\" v-if=\"item\" class=\"swiper-cover\" />\r\n        <img src=\"@assets/img/empty.png\" v-else class=\"swiper-cover\" />\r\n      </swiper-slide>\r\n      <div class=\"swiper-button-prev\" slot=\"button-prev\" v-if=\"navigation\"></div>\r\n      <div class=\"swiper-button-next\" slot=\"button-next\" v-if=\"navigation\"></div>\r\n    </swiper>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"gSwiperCommon\",\r\n  props: {\r\n    navigation: {\r\n      // 是否显示 左右按钮\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    list: {\r\n      type: Array,\r\n      default: function () {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      swiperOption: {\r\n        // some swiper options/callbacks\r\n        // 所有的参数同 swiper 官方 api 参数\r\n        // ...\r\n        spaceBetween: 0,\r\n        loop: true,\r\n        // autoplay: true,\r\n        pagination: {\r\n          clickable: true,\r\n        },\r\n\r\n        navigation: {\r\n          nextEl: \".swiper-button-next\",\r\n          prevEl: \".swiper-button-prev\",\r\n        },\r\n      },\r\n      name: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    swiper() {\r\n      return this.$refs[this.name].swiper;\r\n    },\r\n  },\r\n  created() {\r\n    this.name = `mySwiper-${Math.random()}`;\r\n  },\r\n  mounted() {\r\n    // current swiper instance\r\n    // 然后你就可以使用当前上下文内的swiper对象去做你想做的事了\r\n    //   this.swiper.slideTo(3, 1000, false);\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.gSwiperBox3 {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #ddd;\r\n  .swiper-slide {\r\n    height: 100%;\r\n    position: relative;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n    }\r\n  }\r\n  .swiperBox-content {\r\n    z-index: 2;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    padding: 25px;\r\n    color: #fff;\r\n  } \r\n  .swiper-container {\r\n    font-size: 0;\r\n    height: 100%;\r\n  }\r\n  .swiper-pagination {\r\n    font-size: 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding-right: 18px;\r\n    bottom: 22px;\r\n    .swiper-pagination-bullet {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 0;\r\n      background-color: #ddd;\r\n      opacity: 1;\r\n    }\r\n    .swiper-pagination-bullet-active {\r\n      background-color: #ed6e02;\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .swiper-button-next {\r\n    background-image: url(\"./img/arrow-r.png\");\r\n    background-size: contain;\r\n    width: 44px;\r\n  }\r\n  .swiper-button-prev {\r\n    width: 44px;\r\n    background-image: url(\"./img/arrow-l.png\");\r\n    background-size: contain;\r\n  }\r\n}\r\n</style>","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!./gSwiper.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!./gSwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gSwiper.vue?vue&type=template&id=50447a94&\"\nimport script from \"./gSwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./gSwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gSwiper.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Modal',{attrs:{\"footer-hide\":true,\"mask-closable\":false},model:{value:(_vm.showcode),callback:function ($$v) {_vm.showcode=$$v},expression:\"showcode\"}},[_c('div',{staticStyle:{\"width\":\"486px\",\"height\":\"510px\",\"text-align\":\"center\",\"padding-top\":\"85px\"}},[_c('div',{staticClass:\"qrcode1\",attrs:{\"id\":_vm.id}}),_c('div',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#333\",\"margin-top\":\"20px\"}},[_c('span',[_vm._v(\"使用微信扫一扫 继续交流\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Modal\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n      v-model=\"showcode\"\r\n    >\r\n      <div style=\"\r\n          width: 486px;\r\n          height: 510px;\r\n          text-align: center;\r\n          padding-top: 85px;\r\n        \">\r\n        <div class=\"qrcode1\" :id=\"id\"></div>\r\n\r\n        <div style=\"font-size: 16px; color: #333; margin-top: 20px\">\r\n          <span>使用微信扫一扫 继续交流</span>\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport QRCode from \"qrcodejs2\";\r\nimport url from \"@/utils/url\";\r\n\r\nexport default {\r\n  name: \"index\",\r\n  props: {\r\n    url: String,\r\n    id:{\r\n      type:String,\r\n      default:'qrcode1'\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      showcode: false,\r\n    };\r\n  },\r\n  created () { },\r\n  methods: {\r\n    open (id) {\r\n      document.getElementById(this.id).innerHTML = \"\";\r\n      let url = `https://${url.mobile}/needDetails/` + id;  \r\n      let qrcode = new QRCode(this.id, {\r\n        width: 234,\r\n        height: 234,\r\n        text: url, // 二维码内容\r\n        correctLevel: 3,\r\n        // render: 'canvas' ,   // 设置渲染方式(有两种方式 table和canvas,默认是canvas)\r\n        // background: '#f0f',   // 背景色\r\n        // foreground: '#ff0'    // 前景色\r\n      });\r\n      this.showcode = true;\r\n\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.qrcode1 {\r\n  width: 234px;\r\n  height: 234px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=865a0516&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=865a0516&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"865a0516\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAB9BAMAAAB9rnEWAAAAFVBMVEX5+/3j8f3w9/3n8/3s9f30+f3p9P2VSfnYAAACe0lEQVRYw+2TTZOiMBCGexA803x4BhbmTIhwzmD0DI7OGT/W//8TtkMyZWXUw162aqvyUFawwkM6bxpwOBwOh8PhcDgcjv+KvPZiOIkxoXuGxOrJM5i99JcIKMbIwwECVERAfKAhzPGbAA322xjZAQ4fIfja0D5XMAzHJ75VgLLhI1zE8IaKWvtHxRemAJcGwOcCFD4m8AOP1q4XCaDQpQq7fq9ALIoco2I5F6QKW1sv0HY2ploatN/vbkV5u2b3/d93Elu+sf37nPL3G14UfE1+s+k2vGc4fCJ+YTJifLR8svPQR2Czn2g/1v9UfgOLfJxy3DOsaf8UY2P72hY6vtSsXzAsSlzR+gwFnOh9Xrye81vyyPb9WNlRoOM3vmQoJa62I1K9qnSKubuo/C48s31t07yO38o/HZHPsTA1b/jpj5E+xDl+46sTI7IR9xhzTHOaYTiBN3eojTc30AqQAOMvsIYFVZpjgXUw+6TO38jK5PfYAjp+4oSfGJIr6FciEZH/RrNBdzs99qC2Q/87fm/uFpGryrHgDHmb4/Gkv43lo092nqpjwJS6nvyYU+KDaWhTkTcHx0yPPG8BO97gqNCJlhJkT+NBSrkF4nULwF9it4CpLjMl0GioLOF1C6Tq2WMz7Onygmjw5msIehiA7mAfDI++h+YQcQ55l3atbLv2Vq3UmO4aeS5FA5vm9pt3LRAvW2BSZ5TVfd9MfdnX5349vdfl23QR5yBc0lCf4ZFFDCjoEHX8fF/vkmiSZTJdk2SS/fVXe2ujon1vu6lu4Am74SC8HqQE4tpnVbnNqqLS46ERRVWK7WFbZllWgcPhcDgcDofD4XD8S/4AncB/PDAjGDEAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gSwiperCommon',{attrs:{\"bannerType\":'show.page.home.pc'}}),_c('div',{directives:[{name:\"hasRole\",rawName:\"v-hasRole\",value:('L1Demand-L2List'),expression:\"'L1Demand-L2List'\"}]},[_c('div',{staticClass:\"demand\"},[_c('div',{staticClass:\"demand-l\"},[_vm._m(0),_c('div',{staticClass:\"demand-l-center\"},[_c('div',{staticClass:\"category\"},_vm._l((_vm.categoryList),function(item,index){return _c('div',{key:index,staticClass:\"category-item\",class:_vm.cageId == index ? 'is-active' : '',on:{\"click\":function($event){return _vm.changeCategory(index)}}},[_vm._v(_vm._s(item))])}),0),(_vm.cageId === 0)?_c('div',{staticStyle:{\"margin-bottom\":\"12px\"}},[_c('Input',{attrs:{\"placeholder\":(\"请添加您想\" + (_vm.cageId === 0 ? '采购' : '供应') + \"的产品\")},model:{value:(_vm.productName),callback:function ($$v) {_vm.productName=$$v},expression:\"productName\"}})],1):_c('div',{staticStyle:{\"margin-bottom\":\"12px\"}},[_c('Select',{staticStyle:{\"width\":\"270px\"},model:{value:(_vm.productName),callback:function ($$v) {_vm.productName=$$v},expression:\"productName\"}},_vm._l((_vm.proList),function(item){return _c('Option',{key:item.name,attrs:{\"value\":item.name}},[_vm._v(_vm._s(item.name))])}),1)],1),_c('div',{staticClass:\"textarea\"},[_c('Input',{attrs:{\"rows\":4,\"placeholder\":(\"请详细描述您需要\" + (_vm.cageId === 0 ? '采购' : '供应') + \"的产品\"),\"type\":\"textarea\"},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1),_c('div',{staticClass:\"upload-item\"},[_c('div',{staticClass:\"my-upload\"},[_c('div',[_c('uploadNeed',{attrs:{\"fileList\":_vm.uploadBanner},on:{\"upload-ok\":_vm.bannerOK}})],1),_c('iModal',{attrs:{\"cancel-text\":\"\",\"title\":\"图片查看\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.visible)?_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.imgName}}):_vm._e()])])],1)]),_c('div',{staticClass:\"submit\",on:{\"click\":_vm.supplydemand}},[_vm._v(\"发布供需\")])]),(!_vm.demandList)?_c('div',{staticClass:\"demand-l-bottom\"},[_c('div',{staticClass:\"news-item\"},_vm._l((_vm.demandList),function(item,index){return _c('div',{key:index,staticClass:\"news\"},[(index < 3)?_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('span',{staticClass:\"span1\"},[_vm._v(\"最新\")]),_c('span',{staticClass:\"span2\"},[_vm._v(_vm._s(item.content))]),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(item.auditTime))])]):_vm._e()])}),0)]):_vm._e()]),_c('div',{staticClass:\"demand-r\"},[_c('div',{staticClass:\"demand-r-top\"},[_c('div',{staticClass:\"demand-Tabs\"},[_c('span',{staticClass:\"tabs-span\",class:_vm.categoryindex == 1 ? 'is-active' : '',on:{\"click\":function($event){return _vm.categoryTabs(1)}}},[_vm._v(\"供应产品(\"+_vm._s(_vm.typetotalCount2)+\") \")]),_c('div',{staticClass:\"tabs-fenge\"}),_c('span',{staticClass:\"tabs-span\",class:_vm.categoryindex == 0 ? 'is-active' : '',on:{\"click\":function($event){return _vm.categoryTabs(0)}}},[_vm._v(\"采购产品(\"+_vm._s(_vm.typetotalCount1)+\") \")]),_c('div',{staticClass:\"tabs-fenge\"})])]),(_vm.demandList && _vm.demandList.length)?_c('div',{staticClass:\"demand-r-list\"},_vm._l((_vm.demandList),function(item,index){return _c('div',{key:index,staticClass:\"supply\"},[_c('div',{staticStyle:{\"padding\":\"10px\"},attrs:{\"title\":item.content},on:{\"click\":function($event){$event.stopPropagation();return _vm.linkToDemandDetail({id:item.id,isFollow:item.isFollow })}}},[_c('div',{staticClass:\"supply-top\"},[(item.publisher && item.publisher.avatarUrl)?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"headerimg\",attrs:{\"src\":item.publisher.avatarUrl}}):(_vm.categoryindex==1&&item.publisherType==1)?_c('img',{staticClass:\"headerimg\",attrs:{\"src\":_vm.exhibitionInfo.logo}}):(_vm.categoryindex==0)?_c('img',{staticClass:\"headerimg\",attrs:{\"src\":require(\"@/assets/img/user.png\")}}):_vm._e(),_c('div',[(item.publisher&&item.publisherType==0)?_c('div',{staticClass:\"name\"},[_c('span',{staticClass:\"name1\",attrs:{\"title\":item.publisher.publisherName}},[_vm._v(_vm._s(item.publisher.publisherName))]),_c('span',{staticClass:\"name2\",attrs:{\"title\":item.publisher.jobTitle}},[_vm._v(_vm._s(item.publisher.jobTitle))])]):(item.publisher&&item.publisherType==1)?_c('div',{staticClass:\"name\"},[_c('div',{staticClass:\"name1\",attrs:{\"title\":item.publisher.publisherName}},[_vm._v(_vm._s(item.publisher.publisherName))])]):_vm._e(),(item.publisherType==0)?_c('div',{staticClass:\"company\"},[_vm._v(_vm._s(item.publisher && item.publisher.compName))]):_c('div',{staticClass:\"company\"},[_vm._v(_vm._s(item.publisher &&item.publisher.booth))])]),(!item.isFollow && _vm.SupplymemberId && item.memberId != _vm.userInfo.inMember.memberId && item.publisher)?_c('div',{staticClass:\"guanzhu\",on:{\"click\":function($event){$event.stopPropagation();return _vm.supplyfollower(item)}}},[_vm._v(\"关注\")]):_vm._e(),(item.isFollow && _vm.SupplymemberId && item.memberId != _vm.userInfo.inMember.memberId)?_c('div',{staticClass:\"yiguanzhu\",on:{\"click\":function($event){$event.stopPropagation();return _vm.deSupplyFollower(item)}}},[_vm._v(\"已关注\")]):_vm._e()]),_c('div',{staticClass:\"supply-center\"},[_c('div',{staticClass:\"category-content\"},[(item.type)?_c('span',{staticClass:\"category\"},[_vm._v(_vm._s(item.type))]):_vm._e(),_c('span',{staticClass:\"category-text\",attrs:{\"title\":item.productName}},[_vm._v(_vm._s(item.productName))])]),(item.content)?_c('div',{staticClass:\"category-text2\",attrs:{\"title\":item.content},domProps:{\"innerHTML\":_vm._s(item.content )}}):_vm._e()]),_c('div',{staticClass:\"supply-bottom\"},[(item.videos)?_c('div',{staticClass:\"video_wrap\"},_vm._l((item.videos),function(video,ind){return _c('div',{key:ind,staticClass:\"top_video\"},[_vm._m(1,true),_c('img',{attrs:{\"src\":video.cover}})])}),0):(item.imgUrls&&item.imgUrls.length)?_c('div',{on:{\"click\":[function($event){return _vm.imgClick(item.imgUrls)},function($event){$event.stopPropagation();_vm.show = true}]}},[(item.imgUrls[0])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"img1\",attrs:{\"src\":item.imgUrls[0]}}):_vm._e(),(item.imgUrls[1])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"img2\",attrs:{\"src\":item.imgUrls[1]}}):_vm._e(),(item.imgUrls[2])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"img3\",attrs:{\"src\":item.imgUrls[2]}}):_vm._e(),(item.imgUrls[3])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"img4\",attrs:{\"src\":item.imgUrls[3]}}):_vm._e(),(item.imgUrls[4])?_c('img',{directives:[{name:\"load\",rawName:\"v-load\",value:('oPicXS'),expression:\"'oPicXS'\"}],staticClass:\"img5\",attrs:{\"src\":item.imgUrls[4]}}):_vm._e()]):_c('div',{staticClass:\"empty\"},[_c('div',{staticClass:\"empty-img\"},[_vm._v(\"无图片\")])]),_c('div',{staticClass:\"time\"},[_c('div',[_c('span',[_vm._v(_vm._s(item.viewCount)+\" 阅读\")]),_c('span',{staticStyle:{\"margin-left\":\"10px\",\"margin-bottom\":\"10px\"}},[_vm._v(_vm._s(item.commentCount)+\"评论\")])]),_c('div',[_vm._v(_vm._s(item.updateAt))])])])])])}),0):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"demand-r-list\"},[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"200px\",\"width\":\"100%\"}},[_vm._v(\"数据加载中...\")])]):(!_vm.loading && !_vm.demandList.length)?_c('div',{staticClass:\"demand-r-list\"},[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"200px\",\"width\":\"100%\"}},[_vm._v(\"暂无数据\")])]):_vm._e(),(_vm.totalCount > _vm.size)?_c('div',{staticClass:\"my-page\"},[_c('Page',{attrs:{\"current\":_vm.page,\"page-size\":_vm.size,\"total\":_vm.totalCount,\"show-elevator\":\"\",\"show-total\":\"\"},on:{\"on-change\":_vm.changePage,\"on-page-size-change\":_vm.changePageSize}})],1):_vm._e()])])]),_c('Supplyqrcode',{ref:\"showcode\"}),_c('needsModel',{ref:\"needsModel\"}),_c('ShowSwiper',{attrs:{\"imgList\":_vm.imgList,\"show\":_vm.show}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demand-l-top\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\"免费发布供需\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"video_mask\"},[_c('i',{staticClass:\"iconfont icon-shipinmianxing\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <gSwiperCommon :bannerType=\"'show.page.home.pc'\"></gSwiperCommon>\r\n    <div v-hasRole=\"'L1Demand-L2List'\">\r\n      <div class=\"demand\">\r\n        <div class=\"demand-l\">\r\n          <div class=\"demand-l-top\">\r\n            <div class=\"title\">\r\n              <span>免费发布供需</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"demand-l-center\">\r\n            <div class=\"category\">\r\n              <div :class=\"cageId == index ? 'is-active' : ''\" :key=\"index\" @click=\"changeCategory(index)\" class=\"category-item\" v-for=\"(item, index) in categoryList\">{{ item }}</div>\r\n            </div>\r\n            <div style=\"margin-bottom: 12px;\" v-if=\"cageId === 0\">\r\n              <Input :placeholder=\"`请添加您想${cageId === 0 ? '采购' : '供应'}的产品`\" v-model=\"productName\" />\r\n            </div>\r\n            <div style=\"margin-bottom: 12px;\" v-else>\r\n              <Select v-model=\"productName\" style=\"width:270px\">\r\n                <Option v-for=\"item in proList\" :value=\"item.name\" :key=\"item.name\">{{ item.name }}</Option>\r\n              </Select>\r\n            </div>\r\n            <div class=\"textarea\">\r\n              <Input :rows=\"4\" :placeholder=\"`请详细描述您需要${cageId === 0 ? '采购' : '供应'}的产品`\" type=\"textarea\" v-model=\"content\" />\r\n            </div>\r\n            <div class=\"upload-item\">\r\n              <div class=\"my-upload\">\r\n                <!-- <div :key=\"'upload' + index\" class=\"my-upload-list\" v-for=\"(item, index) in uploadList\">\r\n                  <template v-if=\"item.status === 'finished'\">\r\n                    <img :src=\"item.url\" style=\"width: 46px; height: 46px\" />\r\n                    <div class=\"my-upload-list-cover\">\r\n                      <Icon @click.native=\"handleView(item.url)\" type=\"ios-eye-outline\"></Icon>\r\n                      <Icon @click.native.stop.prevent=\"handleRemove(item)\" type=\"ios-trash-outline\"></Icon>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else>\r\n                    <Spin style=\"width: 46px;height: 46px;position: absolute;top: 0;\">\r\n                      <Icon class=\"demo-spin-icon-load\" size=\"20\" type=\"ios-loading\"></Icon>\r\n                    </Spin>\r\n                  </template>\r\n                </div> -->\r\n                <div>\r\n                  <uploadNeed :fileList=\"uploadBanner\" @upload-ok=\"bannerOK\" />\r\n                </div>\r\n                <!-- <Upload\r\n                  :action=\"uploadUrl\"\r\n                  :before-upload=\"handleBeforeUpload\"\r\n                  :default-file-list=\"defaultList\"\r\n                  :format=\"['jpg', 'jpeg', 'png']\"\r\n                  :headers=\"formHeaders\"\r\n                  :max-size=\"2048\"\r\n                  :on-exceeded-size=\"handleMaxSize\"\r\n                  :on-format-error=\"handleFormatError\"\r\n                  :on-success=\"handleSuccess\"\r\n                  :show-upload-list=\"false\"\r\n                  ref=\"upload\"\r\n                  style=\"display: inline-block; position: relative\"\r\n                  type=\"drag\"\r\n                  v-show=\"uploadList && uploadList.length == 0\"\r\n                >\r\n                  <div style=\"width: 46px; height: 46px; color: rgb(133, 133, 133)\">\r\n                    <div style=\"font-size: 16px\">\r\n                      +\r\n                      <p style=\"font-size: 14px\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload> -->\r\n\r\n                <!-- <div :key=\"'upload2' + index2\" class=\"my-upload-list\" style=\"position: relative\" v-for=\"(item2, index2) in uploadList2\">\r\n                  <template v-if=\"item2.status === 'finished'\">\r\n                    <img :src=\"item2.url\" style=\"width: 46px; height: 46px\" />\r\n                    <div class=\"my-upload-list-cover\">\r\n                      <Icon @click.native=\"handleView(item2.url)\" type=\"ios-eye-outline\"></Icon>\r\n                      <Icon @click.native.stop.prevent=\"handleRemove2(item2)\" type=\"ios-trash-outline\"></Icon>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else>\r\n                    <Spin style=\"width: 46px;height: 46px;position: absolute;top: 0;\">\r\n                      <Icon class=\"demo-spin-icon-load\" size=\"20\" type=\"ios-loading\"></Icon>\r\n                    </Spin>\r\n                  </template>\r\n                </div>\r\n                <Upload\r\n                  :action=\"uploadUrl\"\r\n                  :before-upload=\"handleBeforeUpload2\"\r\n                  :default-file-list=\"defaultList2\"\r\n                  :format=\"['jpg', 'jpeg', 'png']\"\r\n                  :headers=\"formHeaders\"\r\n                  :max-size=\"2048\"\r\n                  :on-exceeded-size=\"handleMaxSize\"\r\n                  :on-format-error=\"handleFormatError2\"\r\n                  :on-success=\"handleSuccess2\"\r\n                  :show-upload-list=\"false\"\r\n                  ref=\"upload2\"\r\n                  style=\"display: inline-block\"\r\n                  type=\"drag\"\r\n                  v-show=\"uploadList2 && uploadList2.length < 1\"\r\n                >\r\n                  <div style=\"width: 46px;height: 46px; color: rgb(133, 133, 133);\">\r\n                    <div style=\"font-size: 16px\">\r\n                      +\r\n                      <p style=\"font-size: 14px\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload>\r\n\r\n                <div :key=\"'upload3' + index3\" class=\"my-upload-list\" style=\"position: relative\" v-for=\"(item3, index3) in uploadList3\">\r\n                  <template v-if=\"item3.status === 'finished'\">\r\n                    <img :src=\"item3.url\" style=\"width: 46px; height: 46px\" />\r\n                    <div class=\"my-upload-list-cover\">\r\n                      <Icon @click.native=\"handleView(item3.url)\" type=\"ios-eye-outline\"></Icon>\r\n                      <Icon @click.native.stop.prevent=\"handleRemove3(item3)\" type=\"ios-trash-outline\"></Icon>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else>\r\n                    <Spin style=\"width: 46px;height: 46px;position: absolute;top: 0;\">\r\n                      <Icon class=\"demo-spin-icon-load\" size=\"20\" type=\"ios-loading\"></Icon>\r\n                    </Spin>\r\n                  </template>\r\n                </div>\r\n                <Upload\r\n                  :action=\"uploadUrl\"\r\n                  :before-upload=\"handleBeforeUpload3\"\r\n                  :default-file-list=\"defaultList3\"\r\n                  :format=\"['jpg', 'jpeg', 'png']\"\r\n                  :headers=\"formHeaders\"\r\n                  :max-size=\"2048\"\r\n                  :on-exceeded-size=\"handleMaxSize\"\r\n                  :on-format-error=\"handleFormatError3\"\r\n                  :on-success=\"handleSuccess3\"\r\n                  :show-upload-list=\"false\"\r\n                  ref=\"upload3\"\r\n                  style=\"display: inline-block\"\r\n                  type=\"drag\"\r\n                  v-show=\"uploadList3 && uploadList3.length < 1\"\r\n                >\r\n                  <div style=\"width: 46px;height: 46px; color: rgb(133, 133, 133);\">\r\n                    <div style=\"font-size: 16px\">\r\n                      +\r\n                      <p style=\"font-size: 14px\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload>\r\n\r\n                <div :key=\"'upload4' + index4\" class=\"my-upload-list\" style=\"position: relative\" v-for=\"(item4, index4) in uploadList4\">\r\n                  <template v-if=\"item4.status === 'finished'\">\r\n                    <img :src=\"item4.url\" style=\"width: 46px; height: 46px\" />\r\n                    <div class=\"my-upload-list-cover\">\r\n                      <Icon @click.native=\"handleView(item4.url)\" type=\"ios-eye-outline\"></Icon>\r\n                      <Icon @click.native.stop.prevent=\"handleRemove4(item4)\" type=\"ios-trash-outline\"></Icon>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else>\r\n                    <Spin style=\"width: 46px;height: 46px;position: absolute;top: 0;\">\r\n                      <Icon class=\"demo-spin-icon-load\" size=\"20\" type=\"ios-loading\"></Icon>\r\n                    </Spin>\r\n                  </template>\r\n                </div>\r\n                <Upload\r\n                  :action=\"uploadUrl\"\r\n                  :before-upload=\"handleBeforeUpload4\"\r\n                  :default-file-list=\"defaultList4\"\r\n                  :format=\"['jpg', 'jpeg', 'png']\"\r\n                  :headers=\"formHeaders\"\r\n                  :max-size=\"2048\"\r\n                  :on-exceeded-size=\"handleMaxSize\"\r\n                  :on-format-error=\"handleFormatError4\"\r\n                  :on-success=\"handleSuccess4\"\r\n                  :show-upload-list=\"false\"\r\n                  ref=\"upload4\"\r\n                  style=\"display: inline-block\"\r\n                  type=\"drag\"\r\n                  v-show=\"uploadList4 && uploadList4.length < 1\"\r\n                >\r\n                  <div style=\"width: 46px;height: 46px; color: rgb(133, 133, 133);\">\r\n                    <div style=\"font-size: 16px\">\r\n                      +\r\n                      <p style=\"font-size: 14px\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload>\r\n\r\n                <div :key=\"'upload5' + index5\" class=\"my-upload-list\" style=\"position: relative\" v-for=\"(item5, index5) in uploadList5\">\r\n                  <template v-if=\"item5.status === 'finished'\">\r\n                    <img :src=\"item5.url\" style=\"width: 46px; height: 46px\" />\r\n                    <div class=\"my-upload-list-cover\">\r\n                      <Icon @click.native=\"handleView(item5.url)\" type=\"ios-eye-outline\"></Icon>\r\n                      <Icon @click.native.stop.prevent=\"handleRemove5(item5)\" type=\"ios-trash-outline\"></Icon>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else>\r\n                    <Spin style=\"width: 46px;height: 46px;position: absolute;top: 0;\">\r\n                      <Icon class=\"demo-spin-icon-load\" size=\"20\" type=\"ios-loading\"></Icon>\r\n                    </Spin>\r\n                  </template>\r\n                </div>\r\n                <Upload\r\n                  :action=\"uploadUrl\"\r\n                  :before-upload=\"handleBeforeUpload5\"\r\n                  :default-file-list=\"defaultList5\"\r\n                  :format=\"['jpg', 'jpeg', 'png']\"\r\n                  :headers=\"formHeaders\"\r\n                  :max-size=\"2048\"\r\n                  :on-exceeded-size=\"handleMaxSize\"\r\n                  :on-format-error=\"handleFormatError5\"\r\n                  :on-success=\"handleSuccess5\"\r\n                  :show-upload-list=\"false\"\r\n                  ref=\"upload5\"\r\n                  style=\"display: inline-block\"\r\n                  type=\"drag\"\r\n                  v-show=\"uploadList5 && uploadList5.length < 1\"\r\n                >\r\n                  <div style=\"width: 46px;height: 46px; color: rgb(133, 133, 133);\">\r\n                    <div style=\"font-size: 16px\">\r\n                      +\r\n                      <p style=\"font-size: 14px\">上传</p>\r\n                    </div>\r\n                  </div>\r\n                </Upload> -->\r\n\r\n                <iModal cancel-text title=\"图片查看\" v-model=\"visible\">\r\n                  <div style=\"text-align: center\">\r\n                    <img :src=\"imgName\" style=\"max-width: 100%\" v-if=\"visible\" />\r\n                  </div>\r\n                </iModal>\r\n              </div>\r\n            </div>\r\n            <div @click=\"supplydemand\" class=\"submit\">发布供需</div>\r\n          </div>\r\n          <div class=\"demand-l-bottom\" v-if=\"!demandList\">\r\n            <div class=\"news-item\">\r\n              <div :key=\"index\" class=\"news\" v-for=\"(item, index) in demandList\">\r\n                <div style=\"display: flex; align-items: center\" v-if=\"index < 3\">\r\n                  <span class=\"span1\">最新</span>\r\n                  <span class=\"span2\">{{ item.content }}</span>\r\n                  <span class=\"time\">{{ item.auditTime }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--供需商机-->\r\n        <div class=\"demand-r\">\r\n          <div class=\"demand-r-top\">\r\n            <div class=\"demand-Tabs\">\r\n              <!-- <span :class=\"categoryindex == 0 ? 'is-active' : ''\" @click=\"categoryTabs(0)\" class=\"tabs-span\">采购产品({{ typetotalCount1 }})</span>\r\n              <div class=\"tabs-fenge\"></div>\r\n              <span :class=\"categoryindex == 1 ? 'is-active' : ''\" @click=\"categoryTabs(1)\" class=\"tabs-span\">供应产品({{ typetotalCount2 }})</span>\r\n              <div class=\"tabs-fenge\"></div> -->\r\n              <span :class=\"categoryindex == 1 ? 'is-active' : ''\" @click=\"categoryTabs(1)\" class=\"tabs-span\">供应产品({{ typetotalCount2 }}) </span>\r\n              <div class=\"tabs-fenge\"></div>\r\n              <span :class=\"categoryindex == 0 ? 'is-active' : ''\" @click=\"categoryTabs(0)\" class=\"tabs-span\">采购产品({{ typetotalCount1 }}) </span>\r\n              <div class=\"tabs-fenge\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"demand-r-list\" v-if=\"demandList && demandList.length\">\r\n            <!--供需详情-->\r\n            <div :key=\"index\" class=\"supply\" v-for=\"(item, index) in demandList\">\r\n              <div :title=\"item.content\" style=\"padding: 10px\" @click.stop=\"linkToDemandDetail({id:item.id,isFollow:item.isFollow })\">\r\n                <div class=\"supply-top\">\r\n                  <img :src=\"item.publisher.avatarUrl\" class=\"headerimg\" v-load=\"'oPicXS'\" v-if=\"item.publisher && item.publisher.avatarUrl\" />\r\n                  <img class=\"headerimg\" :src=\"exhibitionInfo.logo\" v-else-if=\"categoryindex==1&&item.publisherType==1\" />\r\n                  <img class=\"headerimg\" src=\"@/assets/img/user.png\" v-else-if=\"categoryindex==0\" />\r\n                  <div>\r\n                    <div class=\"name\" v-if=\"item.publisher&&item.publisherType==0\">\r\n                      <span :title=\"item.publisher.publisherName\" class=\"name1\">{{ item.publisher.publisherName }}</span>\r\n                      <span :title=\"item.publisher.jobTitle\" class=\"name2\" style>{{ item.publisher.jobTitle }}</span>\r\n                    </div>\r\n                    <div class=\"name\" v-else-if=\"item.publisher&&item.publisherType==1\">\r\n                      <div :title=\"item.publisher.publisherName\" class=\"name1\">{{ item.publisher.publisherName }}</div>\r\n\r\n                    </div>\r\n                    <div class=\"company\" v-if=\"item.publisherType==0\">{{ item.publisher && item.publisher.compName }}</div>\r\n                    <div class=\"company\" v-else>{{item.publisher &&item.publisher.booth}}</div>\r\n                    <!-- <div class=\"company\" v-if=\"item.member && item.member.phone && categoryindex === 1\">{{ item.member && item.member.phone }}</div>\r\n                    <div class=\"company\" v-if=\"item.member && item.member.email && categoryindex === 1\">{{ item.member && item.member.email }}</div> -->\r\n                  </div>\r\n\r\n                  <div @click.stop=\"supplyfollower(item)\" class=\"guanzhu\" v-if=\"!item.isFollow && SupplymemberId && item.memberId != userInfo.inMember.memberId && item.publisher\">关注</div>\r\n                  <div @click.stop=\"deSupplyFollower(item)\" class=\"yiguanzhu\" v-if=\"item.isFollow && SupplymemberId && item.memberId != userInfo.inMember.memberId\">已关注</div>\r\n                </div>\r\n                <div class=\"supply-center\">\r\n                  <div class=\"category-content\">\r\n                    <span class=\"category\" v-if=\"item.type\">{{ item.type }}</span>\r\n                    <span :title=\"item.productName\" class=\"category-text\">{{ item.productName }}</span>\r\n                  </div>\r\n                  <div :title=\"item.content\" class=\"category-text2\" v-if=\"item.content\" v-html=\"item.content \">\r\n\r\n                  </div>\r\n                </div>\r\n                <div class=\"supply-bottom\">\r\n                  <div class=\"video_wrap\" v-if=\"item.videos\">\r\n                    <div class=\"top_video\" v-for=\"(video,ind) in item.videos\" :key=\"ind\">\r\n                      <div class=\"video_mask\">\r\n                        <i class=\"iconfont icon-shipinmianxing\"></i>\r\n                      </div>\r\n                      <img :src=\"video.cover\">\r\n                    </div>\r\n                  </div>\r\n                  <div @click=\"imgClick(item.imgUrls)\" @click.stop=\"show = true\" v-else-if=\"item.imgUrls&&item.imgUrls.length\">\r\n                    <img :src=\"item.imgUrls[0]\" class=\"img1\" v-if=\"item.imgUrls[0]\" v-load=\"'oPicXS'\" />\r\n                    <img :src=\"item.imgUrls[1]\" class=\"img2\" v-if=\"item.imgUrls[1]\" v-load=\"'oPicXS'\" />\r\n                    <img :src=\"item.imgUrls[2]\" class=\"img3\" v-if=\"item.imgUrls[2]\" v-load=\"'oPicXS'\" />\r\n                    <img :src=\"item.imgUrls[3]\" class=\"img4\" v-if=\"item.imgUrls[3]\" v-load=\"'oPicXS'\" />\r\n                    <img :src=\"item.imgUrls[4]\" class=\"img5\" v-if=\"item.imgUrls[4]\" v-load=\"'oPicXS'\" />\r\n                  </div>\r\n                  <div class=\"empty\" v-else>\r\n                    <div class=\"empty-img\">无图片</div>\r\n                  </div>\r\n                  <div class=\"time\">\r\n                    <div>\r\n                      <span>{{ item.viewCount }} 阅读</span>\r\n                      <span style=\"margin-left: 10px; margin-bottom: 10px\">{{ item.commentCount }}评论</span>\r\n                    </div>\r\n                    <div>{{ item.updateAt }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"demand-r-list\" v-else>\r\n            <div style=\"text-align: center; margin-top: 200px; width: 100%;\">暂无数据</div>\r\n          </div> -->\r\n          <div class=\"demand-r-list\" v-if=\"loading\">\r\n            <div style=\"text-align: center; margin-top: 200px; width: 100%;\">数据加载中...</div>\r\n          </div>\r\n          <div class=\"demand-r-list\" v-else-if=\"!loading && !demandList.length\">\r\n            <div style=\"text-align: center; margin-top: 200px; width: 100%;\">暂无数据</div>\r\n          </div>\r\n          <div class=\"my-page\" v-if=\"totalCount > size\">\r\n            <Page :current=\"page\" :page-size=\"size\" :total=\"totalCount\" @on-change=\"changePage\" @on-page-size-change=\"changePageSize\" show-elevator show-total />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <Supplyqrcode ref=\"showcode\"></Supplyqrcode>\r\n\r\n    <needsModel ref=\"needsModel\"></needsModel>\r\n    <ShowSwiper :imgList=\"imgList\" :show=\"show\"></ShowSwiper>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport gSwiper from \"@components/gSwiper/gSwiper.vue\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport moment from \"moment\";\r\nimport QRCode from \"qrcodejs2\";\r\nimport ShowSwiper from \"@components/ShowSwiper/ShowSwiper\";\r\nimport needsModel from \"../../../components/needsModel\";\r\nimport Supplyqrcode from \"@components/Supplyqrcode/index.vue\";\r\nimport gSwiperCommon from \"@components/gSwiperCommon/gSwiperCommon.vue\";\r\nimport uploadNeed from \"@components/upLoad/upLoadNeed\";\r\nexport default {\r\n  name: \"demand\",\r\n  data () {\r\n    return {\r\n      length: 0,\r\n      categoryList: [\"采购产品\", \"供应产品\"],\r\n      imgList: [],\r\n      SuppluImgList: [], //供需上传图片数组\r\n      guanzhu: false,\r\n      cageId: 0, //供需类别索引\r\n      content: \"\", //供需内容\r\n      productName: \"\", // 采购的采购产品\r\n      uploadList: [],\r\n      // uploadList2: [],\r\n      // uploadList3: [],\r\n      // uploadList4: [],\r\n      // uploadList5: [],\r\n      defaultList: [],\r\n      // defaultList2: [],\r\n      // defaultList3: [],\r\n      // defaultList4: [],\r\n      // defaultList5: [],\r\n      visible: false,\r\n      imgName: \"\",\r\n      value6: \"\",\r\n      supplyId: \"\",\r\n      show: false,\r\n      bannerList: [\r\n        \"https://images.unsplash.com/photo-1602809096240-0c89916a2676?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=1920\",\r\n        \"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1240888316,1729450859&fm=26&gp=0.jpg\",\r\n      ],\r\n      page: 1,\r\n      size: 12,\r\n      qrcode: \"\",\r\n      typetotalCount1: '-',\r\n      typetotalCount2: '-',\r\n      typetotalCount3: '-',\r\n      showNeeds: false,\r\n      totalCount: 0, //供需总条数\r\n      demandList: [], //供需列表\r\n      categoryindex: 1, //选中的类别\r\n      SupplymemberId: \"\",\r\n      query: \"\",\r\n      proList: [],\r\n      uploadBanner: [],\r\n      loading: true,\r\n    };\r\n  },\r\n  components: {\r\n    gSwiper,\r\n    gSwiperCommon,\r\n    ShowSwiper,\r\n    needsModel,\r\n    Supplyqrcode,\r\n    uploadNeed\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      searchType: \"getSearchType\",\r\n      searchTxt: \"getSearchTxt\",\r\n      exhibitionId: \"getExhibitionId\",\r\n      userInfo: \"getUser\",\r\n      formHeaders: \"getFormHeaders\",\r\n      uploadUrl: \"getUploadUrl\",\r\n      exhibitionInfo: \"getExhibitionInfo\",\r\n      login: \"getLogin\",\r\n      demandPage: 'getDemandPage',\r\n      demandType: 'getDemandType'\r\n    }),\r\n    isRegOk () {\r\n      return this.userInfo && this.userInfo.inMember && this.userInfo.inMember.userRole && this.userInfo.inMember.userRole != \"VISITOR\" && this.userInfo.inMember.userRole != \"Visitor\";\r\n    },\r\n    userRole () {\r\n      return this.userInfo && this.userInfo.inMember && this.userInfo.inMember.userRole ? this.userInfo.inMember.userRole : \"\";\r\n    },\r\n  },\r\n  watch: {\r\n    searchTxt (val, oldVal) {\r\n      this.$store.commit('setDemandPage', 1)\r\n      this.page = 1;\r\n      this.init();\r\n      this.getCount();\r\n    },\r\n  },\r\n  created () {\r\n    document.title = this.exhibitionInfo ? `供需列表-${this.exhibitionInfo.name}` : \"展商秀\";\r\n    if (this.demandPage) {\r\n      this.page = this.demandPage;\r\n    }\r\n    if (this.demandType == '供应产品') {\r\n      this.categoryTabs(1, true);\r\n    } else {\r\n      this.categoryTabs(0, true);\r\n    }\r\n    this.getCount();\r\n    this.getproduct()\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      supplyDemand: \"news/supplyDemand\",\r\n      supplyFollower: \"news/supplyFollower\",\r\n      deleteSupplyFollower: \"news/deleteSupplyFollower\",\r\n      unverifiedDialog: \"unverifiedDialog\",\r\n      linkToDemandDetail: \"linkTo/linkToDemandDetail\"\r\n    }),\r\n    async getproduct () {\r\n      if (this.userRole == \"EXHIBITOR\") {\r\n        let query = `\r\n        query{\r\n          exhibitorQuery{\r\n            get(id:\"${this.userInfo.inMember.exhibitorId}\"){\r\n                products(num:10000){\r\n                  name\r\n                  id\r\n                  nameEn \r\n                }\r\n              }\r\n            }\r\n        }\r\n      `;\r\n        let opt = {\r\n          query: query,\r\n          variables: {},\r\n        };\r\n        let res = await this.graphqlPost(opt);\r\n        console.log(res, \"exinfo res\");\r\n        this.proList = res.data.exhibitorQuery.get.products\r\n      }\r\n    },\r\n    async getCount () {\r\n      let query = `\r\n      query($query:QueryInput!){\r\n        supplyDemandQuery{\r\n        query(query:$query){\r\n          totalCount\r\n          }\r\n        }\r\n      }\r\n      `;\r\n      let EqualContent = {};\r\n      if (this.searchType === \"4\") {\r\n        EqualContent = this.searchTxt ? { Like: { n: \"content\", v: `%${this.searchTxt}%` } } : {};\r\n      }\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal1: {\r\n          n: \"auditState\",\r\n          v: 1,\r\n        },\r\n        Equal3: {\r\n          n: \"type\",\r\n          v: this.categoryList[0],\r\n        },\r\n        Equal_isdeleted: {\r\n          n: \"isDeleted\",\r\n          v: false,\r\n        },\r\n        ...EqualContent,\r\n      };\r\n      let where1 = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal1: {\r\n          n: \"auditState\",\r\n          v: 1,\r\n        },\r\n        Equal3: {\r\n          n: \"type\",\r\n          v: this.categoryList[1],\r\n        },\r\n        Equal_isdeleted: {\r\n          n: \"isDeleted\",\r\n          v: false,\r\n        },\r\n        ...EqualContent,\r\n      };\r\n      let where2 = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal1: {\r\n          n: \"auditState\",\r\n          v: 1,\r\n        },\r\n        Equal3: {\r\n          n: \"type\",\r\n          v: this.categoryList[2],\r\n        },\r\n        Equal_isdeleted: {\r\n          n: \"isDeleted\",\r\n          v: false,\r\n        },\r\n        ...EqualContent,\r\n      };\r\n      let order = [{ N: \"updateAt\", v: 0 }];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.page,\r\n            size: this.size,\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      let opt1 = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.page,\r\n            size: this.size,\r\n            where: JSON.stringify(where1),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      let opt2 = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.page,\r\n            size: this.size,\r\n            where: JSON.stringify(where2),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n\r\n      let data = await this.graphqlPost(opt);\r\n      let data2 = await this.graphqlPost(opt1);\r\n      let data3 = await this.graphqlPost(opt2);\r\n      this.typetotalCount1 = data.data.supplyDemandQuery.query.totalCount;\r\n      this.typetotalCount2 = data2.data.supplyDemandQuery.query.totalCount;\r\n      this.typetotalCount3 = data3.data.supplyDemandQuery.query.totalCount;\r\n    },\r\n    async init () {\r\n      this.loading = true;\r\n      if (!this.isRegOk) {\r\n        this.SupplymemberId = \"\";\r\n        this.query = `\r\n        query($query:QueryInput!){\r\n          supplyDemandQuery{\r\n            query(query:$query){\r\n                hasNextPage\r\n                pageIndex\r\n                totalCount\r\n                items {\r\n                  content\r\n                  imgUrls\r\n                  videos\r\n                  memberId \r\n                  productName \r\n                  publisherType\r\n                  viewCount\r\n                  updateAt\r\n                  type\r\n                  commentCount\r\n                  id\r\n                  auditTime\r\n                  member{\r\n                    id\r\n                    avatarUrl\r\n                    company\r\n                    jobTitle\r\n                    name \r\n                    phone\r\n                    email\r\n                  }\r\n                  publisher{\r\n                    avatarUrl\r\n                    compName\r\n                    compNameEn\r\n                    email\r\n                    jobTitle\r\n                    phoneNumber\r\n                    publisherName\r\n                    publisherNameEn\r\n                    publishId\r\n                    booth\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n      `;\r\n      } else {\r\n        this.SupplymemberId = this.userInfo.inMember.memberId;\r\n        this.query = `\r\n        query($query:QueryInput!){\r\n          supplyDemandQuery{\r\n            query(query:$query){\r\n                hasNextPage\r\n                pageIndex\r\n                totalCount\r\n                items {\r\n                  content\r\n                  productName\r\n                  imgUrls\r\n                  videos\r\n                  memberId\r\n                  isFollow(memberId:\"${this.userInfo.inMember.memberId}\")\r\n                  publisherType\r\n                  viewCount\r\n                  updateAt\r\n                  type\r\n                  commentCount\r\n                  id\r\n                  auditTime\r\n                  member{\r\n                    id\r\n                    avatarUrl\r\n                    company\r\n                    jobTitle\r\n                    name\r\n                    phone\r\n                    email\r\n                  }\r\n                   publisher{\r\n                    avatarUrl\r\n                    compName\r\n                    compNameEn\r\n                    email\r\n                    jobTitle\r\n                    phoneNumber\r\n                    publisherName\r\n                    publisherNameEn\r\n                    publishId\r\n                    booth\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n      `;\r\n      }\r\n\r\n      let EqualContent = {};\r\n      if (this.searchType === \"4\") {\r\n        EqualContent = this.searchTxt ? { Like: { n: \"content\", v: `%${this.searchTxt}%` } } : {};\r\n      }\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal1: {\r\n          n: \"auditState\",\r\n          v: 1,\r\n        },\r\n        Equal2: {\r\n          n: \"type\",\r\n          v: this.categoryList[this.categoryindex],\r\n        },\r\n        Equal_isdeleted: {\r\n          n: \"isDeleted\",\r\n          v: false,\r\n        },\r\n        ...EqualContent,\r\n      };\r\n      let order = [{ N: \"updateAt\", v: 0 }];\r\n      let opt = {\r\n        query: this.query,\r\n        variables: {\r\n          query: {\r\n            page: this.page,\r\n            size: this.size,\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n\r\n      let data = await this.graphqlPost(opt);\r\n      this.totalCount = data.data.supplyDemandQuery.query.totalCount;\r\n      this.demandList = data.data.supplyDemandQuery.query.items;\r\n      if (this.demandList) {\r\n        this.demandList.forEach((c) => {\r\n          if (c.imgUrls) {\r\n            c.imgUrls = c.imgUrls.split(\";\");\r\n          }\r\n          if (c.videos) {\r\n            c.videos = JSON.parse(c.videos)\r\n          }\r\n          c.auditTime = moment(c.auditTime).format(\"MM/DD\");\r\n        });\r\n      }\r\n      this.loading = false;\r\n    },\r\n    //切换供需类别\r\n    categoryTabs (index, isCreated = false) {\r\n      this.categoryindex = index;\r\n      if (index) {\r\n        this.$store.commit('setDemandType', '供应产品');\r\n      } else {\r\n        this.$store.commit('setDemandType', '采购产品');\r\n      }\r\n      if (!isCreated) {\r\n        this.$store.commit('setDemandPage', 1)\r\n        this.page = 1;\r\n      }\r\n      this.init();\r\n    },\r\n    changeCategory (index) {\r\n      if (this.categoryList[index] === \"供应产品\" && this.userRole !== \"EXHIBITOR\") {\r\n        this.$Message.warning(\"仅展商可发布供应信息!\");\r\n        return;\r\n      }\r\n      this.cageId = index;\r\n    },\r\n    closeSwiper () {\r\n      this.show = false;\r\n    },\r\n\r\n    goQrCode (id) {\r\n      if (id) {\r\n        this.$refs.showcode.open(id);\r\n      }\r\n    },\r\n    //发布供需\r\n    async supplydemand (item) {\r\n      if (!this.login || !this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      if (this.userInfo && this.userInfo.inMember.isBlacklist) {\r\n        this.$Message.warning('您已被屏蔽');\r\n        return\r\n      }\r\n      if (!this.getRoleHandle('L1Demand-L2List-L3List')) {\r\n        return\r\n      }\r\n      if (!this.content) {\r\n        this.$Message.warning(\"请输入供需内容\");\r\n        return;\r\n      }\r\n      if (!this.productName) {\r\n        this.$Message.warning(\"请添加您想采购的采购产品\");\r\n        return;\r\n      }\r\n      if (this.cageId == -1) {\r\n        this.$Message.warning(\"请选择供需类型\");\r\n        return;\r\n      }\r\n      this.content = this.content.split(\"\\n\").join(\"<br>\");\r\n      let opt = {\r\n        memberId: this.userInfo.inMember.memberId,\r\n        type: this.categoryList[this.cageId],\r\n        publisherType: 0,\r\n        exhibitionId: this.exhibitionId,\r\n        content: this.content,\r\n        productName: this.productName,\r\n      };\r\n      if (this.uploadBanner && this.uploadBanner.length) {\r\n        if (this.uploadBanner[0].cover) {\r\n          opt.videos = `[{\"cover\":\"${this.uploadBanner[0].cover}\",\"url\":\"${this.uploadBanner[0].url}\",\"duration\":\"\",\"coverIndex\": 5}]`\r\n        } else {\r\n          let arr = []\r\n          this.uploadBanner.forEach(e => {\r\n            arr.push(e.url);\r\n          })\r\n          opt.imgUrls = arr.join(\";\");\r\n        }\r\n      }\r\n      let data = await this.supplyDemand(opt);\r\n      if (data.result) {\r\n        this.$Message.success(\"提交成功\");\r\n        this.content = \"\";\r\n        this.productName = \"\";\r\n        this.uploadBanner = [];\r\n        // this.uploadList2 = [];\r\n        // this.uploadList3 = [];\r\n        // this.uploadList4 = [];\r\n        // this.uploadList5 = [];\r\n        this.cageId = -1;\r\n      } else {\r\n        this.$Message.warning(\"提交失败\");\r\n      }\r\n    },\r\n    //供需关注\r\n    async supplyfollower (item) {\r\n      if (!this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      let userInfo = {\r\n        name: this.userInfo.name,\r\n        avatarUrl: this.userInfo.avatarUrl,\r\n        nickName: this.userInfo.nickName,\r\n      };\r\n      let opt = {\r\n        supplyDemandId: item.id,\r\n        memberId: this.userInfo.inMember.memberId,\r\n        userInfo: JSON.stringify(userInfo),\r\n\r\n      };\r\n      let data = await this.supplyFollower(opt);\r\n      console.log(data);\r\n      if (data.result) {\r\n        this.init();\r\n      } else {\r\n        this.$Message.warning(\"关注失败\");\r\n      }\r\n    },\r\n    //取消关注\r\n    async deSupplyFollower (item) {\r\n      if (!this.isRegOk) {\r\n        this.unverifiedDialog(this);\r\n        return;\r\n      }\r\n      let opt = {\r\n        supplyDemandId: item.id,\r\n        memberId: this.userInfo.inMember.memberId,\r\n      };\r\n      let data = await this.deleteSupplyFollower(opt);\r\n      console.log(data);\r\n      if (data.result) {\r\n        this.init();\r\n      } else {\r\n        this.$Message.warning(\"取消关注失败\");\r\n      }\r\n    },\r\n    changePage (e) {\r\n      this.page = e;\r\n      this.$store.commit('setDemandPage', e)\r\n      this.init();\r\n    },\r\n    changePageSize (e) {\r\n      this.size = e;\r\n    },\r\n    bannerOK (list) {\r\n      this.uploadBanner = list;\r\n    },\r\n    // 查看上传\r\n    handleView (name) {\r\n      this.imgName = name;\r\n      this.visible = true;\r\n    },\r\n    // // 移除上传\r\n    // handleRemove2(file) {\r\n    //   const fileList = this.uploadList2;\r\n    //   this.uploadList2.splice(fileList.indexOf(file), 1);\r\n    //   this.SuppluImgList.splice(fileList.indexOf(file), 1);\r\n    // },\r\n\r\n    // // 上传成功\r\n    // handleSuccess2(res, file) {\r\n    //   if (res && res.data.length) {\r\n    //     file.url = res.data[0];\r\n    //     this.SuppluImgList.push(file.url);\r\n    //     this.uploadList2 = this.$refs.upload2.fileList;\r\n    //   }\r\n    // },\r\n    // // 文件格式错误\r\n    // handleFormatError2(file) {\r\n    //   this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    // },\r\n    // // 上传数量\r\n    // handleBeforeUpload2() {\r\n    //   const limitNum = 100;\r\n    //   this.uploadList2.push({ status: \"start\" });\r\n    //   const check = this.uploadList2.length < limitNum;\r\n    //   if (!check) {\r\n    //     this.$Message.warning(`最多上传${limitNum}张图片`);\r\n    //   }\r\n    //   return check;\r\n    // },\r\n    // 移除上传\r\n    handleRemove (file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n      this.SuppluImgList.splice(fileList.indexOf(file), 1);\r\n      console.log(this.uploadList, \"ohuseiufhwuihf\");\r\n    },\r\n\r\n    // 上传成功\r\n    handleSuccess (res, file) {\r\n      if (res && res.data.length) {\r\n        file.url = res.data[0];\r\n        this.uploadList.status = \"finished\";\r\n        this.SuppluImgList.push(file.url);\r\n        this.uploadList = this.$refs.upload.fileList;\r\n        console.log(this.uploadList, \"upload\");\r\n      }\r\n    },\r\n    // 文件格式错误\r\n    handleFormatError (file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    // 上传数量\r\n    handleBeforeUpload () {\r\n      this.uploadList.push({ status: \"start\" });\r\n      const limitNum = 100;\r\n      const check = this.uploadList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`最多上传${limitNum}张图片`);\r\n      }\r\n      return check;\r\n    },\r\n\r\n    // // 移除上传\r\n    // handleRemove3(file) {\r\n    //   const fileList = this.uploadList3;\r\n    //   this.uploadList3.splice(fileList.indexOf(file), 1);\r\n    //   this.SuppluImgList.splice(fileList.indexOf(file), 1);\r\n    // },\r\n\r\n    // // 上传成功\r\n    // handleSuccess3(res, file) {\r\n    //   if (res && res.data.length) {\r\n    //     file.url = res.data[0];\r\n    //     this.SuppluImgList.push(file.url);\r\n    //     this.uploadList3 = this.$refs.upload3.fileList;\r\n    //   }\r\n    // },\r\n    // // 文件格式错误\r\n    // handleFormatError3(file) {\r\n    //   this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    // },\r\n    // // 上传数量\r\n    // handleBeforeUpload3() {\r\n    //   const limitNum = 100;\r\n    //   this.uploadList3.push({ status: \"start\" });\r\n    //   const check = this.uploadList3.length < limitNum;\r\n    //   if (!check) {\r\n    //     this.$Message.warning(`最多上传${limitNum}张图片`);\r\n    //   }\r\n    //   return check;\r\n    // },\r\n\r\n    // // 移除上传\r\n    // handleRemove4(file) {\r\n    //   const fileList = this.uploadList4;\r\n    //   this.uploadList4.splice(fileList.indexOf(file), 1);\r\n    //   this.SuppluImgList.splice(fileList.indexOf(file), 1);\r\n    // },\r\n\r\n    // // 上传成功\r\n    // handleSuccess4(res, file) {\r\n    //   if (res && res.data.length) {\r\n    //     file.url = res.data[0];\r\n    //     this.SuppluImgList.push(file.url);\r\n    //     this.uploadList4 = this.$refs.upload4.fileList;\r\n    //   }\r\n    // },\r\n    // // 文件格式错误\r\n    // handleFormatError4(file) {\r\n    //   this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    // },\r\n    // // 上传数量\r\n    // handleBeforeUpload4() {\r\n    //   const limitNum = 100;\r\n    //   this.uploadList4.push({ status: \"start\" });\r\n    //   const check = this.uploadList4.length < limitNum;\r\n    //   if (!check) {\r\n    //     this.$Message.warning(`最多上传${limitNum}张图片`);\r\n    //   }\r\n    //   return check;\r\n    // },\r\n\r\n    // // 移除上传\r\n    // handleRemove5(file) {\r\n    //   const fileList = this.uploadList5;\r\n    //   this.uploadList5.splice(fileList.indexOf(file), 1);\r\n    //   this.SuppluImgList.splice(fileList.indexOf(file), 1);\r\n    // },\r\n\r\n    // // 上传成功\r\n    // handleSuccess5(res, file) {\r\n    //   if (res && res.data.length) {\r\n    //     file.url = res.data[0];\r\n    //     this.SuppluImgList.push(file.url);\r\n    //     this.uploadList5 = this.$refs.upload5.fileList;\r\n    //   }\r\n    // },\r\n    // // 文件格式错误\r\n    // handleFormatError5(file) {\r\n    //   this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    // },\r\n    // // 上传数量\r\n    // handleBeforeUpload5() {\r\n    //   const limitNum = 100;\r\n    //   this.uploadList5.push({ status: \"start\" });\r\n    //   const check = this.uploadList5.length < limitNum;\r\n    //   if (!check) {\r\n    //     this.$Message.warning(`最多上传${limitNum}张图片`);\r\n    //   }\r\n    //   return check;\r\n    // },\r\n    // 文件过大\r\n    handleMaxSize (file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    imgClick (imgList) {\r\n      this.modal4 = true;\r\n      this.imgList = imgList;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.my-page {\r\n  height: 50px;\r\n  padding: 0;\r\n  width: 100%;\r\n  display: flex;\r\n  background-color: #fff;\r\n  justify-content: center;\r\n}\r\n\r\n.demo-spin-icon-load {\r\n  animation: ani-demo-spin 1s linear infinite;\r\n}\r\n\r\n.carousel {\r\n  position: relative;\r\n  width: 100%;\r\n\r\n  top: 50%;\r\n  text-align: center;\r\n  margin-top: -400px;\r\n}\r\n\r\n::v-deep.ivu-carousel {\r\n  button {\r\n    width: 72px;\r\n    height: 72px;\r\n  }\r\n\r\n  .ivu-icon {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .ivu-carousel-dots-inside {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.modal-carousel-mask {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  backdrop-filter: blur(2px);\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  /*img{*/\r\n  /*  */\r\n  /*}*/\r\n}\r\n\r\n.category-text :hover {\r\n}\r\n\r\n.ivu-upload {\r\n  width: 46px;\r\n  height: 46px;\r\n}\r\n\r\n.my-upload {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n}\r\n\r\n.my-upload-list {\r\n  display: inline-block;\r\n  width: 46px;\r\n  height: 46px;\r\n  text-align: center;\r\n  border: 1px solid transparent;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  line-height: 46px;\r\n  background: #fff;\r\n  position: relative;\r\n  margin: 0;\r\n}\r\n\r\n.my-upload-list-cover {\r\n  display: none;\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.my-upload-list:hover .my-upload-list-cover {\r\n  display: block;\r\n}\r\n\r\n.my-upload-list-cover i {\r\n  color: #fff;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  margin: 0 2px;\r\n}\r\n\r\n.demand {\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  margin-top: 20px;\r\n\r\n  &-Tabs {\r\n    padding: 20px 16px;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .tabs-span {\r\n      cursor: pointer;\r\n\r\n      &.is-active {\r\n        @include font_color(#1890ff);\r\n      }\r\n    }\r\n\r\n    .tabs-fenge {\r\n      width: 1px;\r\n      height: 18px;\r\n      background-color: #e6e6e6;\r\n      display: inline-block;\r\n      margin: 0 20px;\r\n    }\r\n  }\r\n  .video_wrap {\r\n    .top_video {\r\n      width: 50px;\r\n      height: 50px;\r\n      position: relative;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n      }\r\n      .video_mask {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        background: rgba($color: #000000, $alpha: 0.2);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        i {\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .empty {\r\n    &-img {\r\n      width: 50px;\r\n      height: 50px;\r\n      background-color: #fff;\r\n      border-radius: 1px;\r\n      border: solid 1px #ededed;\r\n      font-size: 12px;\r\n      color: #999;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 18px;\r\n    border-left: 4px solid #1890ff;\r\n    @include border_color(#1890ff);\r\n\r\n    span {\r\n      padding-left: 10px;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n\r\n  .demand-l {\r\n    width: 310px;\r\n\r\n    &-top {\r\n      height: 50px;\r\n      border: 1px solid #ededed;\r\n      border-bottom: none;\r\n      display: flex;\r\n      align-items: center;\r\n      background-color: #fff;\r\n    }\r\n\r\n    &-center {\r\n      padding: 20px;\r\n      border: 1px solid #ededed;\r\n      background-color: #fff;\r\n      .category {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 12px;\r\n\r\n        .category-item {\r\n          flex: 1;\r\n          height: 36px;\r\n          margin-right: 10px;\r\n          background-color: #f7f7f7;\r\n          border-radius: 3px;\r\n          color: #333;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          cursor: pointer;\r\n          font-size: 14px;\r\n          border: solid 1px #dedede;\r\n          &:last-child {\r\n            margin-right: 0;\r\n          }\r\n          &.is-active {\r\n            color: #fff;\r\n            @include background_color(#1890ff);\r\n            @include border_color(#1890ff);\r\n          }\r\n        }\r\n      }\r\n\r\n      .textarea {\r\n        min-height: 94px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .upload-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        .uploadlist {\r\n          width: 46px;\r\n          height: 46px;\r\n          background-color: #f7f7f7;\r\n          border: dashed 1px #d9d9d9;\r\n          cursor: pointer;\r\n\r\n          span {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            color: #888;\r\n          }\r\n        }\r\n      }\r\n\r\n      .submit {\r\n        width: 270px;\r\n        height: 40px;\r\n        @include background_color(#1890ff);\r\n        border-radius: 4px;\r\n        color: #fff;\r\n        font-size: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    &-bottom {\r\n      height: 130px;\r\n      border: 1px solid #ededed;\r\n      background-color: #fff;\r\n      .news-item {\r\n        padding: 0 20px;\r\n        margin-top: 20px;\r\n\r\n        .news {\r\n          margin-bottom: 14px;\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          .span1 {\r\n            font-size: 12px;\r\n            @include font_color(#0190fe);\r\n            height: 20px;\r\n            width: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 3px;\r\n            border: solid 1px #0190fe;\r\n            @include border_color(#0190fe);\r\n          }\r\n\r\n          .span2 {\r\n            width: 165px;\r\n            color: #666;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            font-size: 12px;\r\n            margin-left: 7px;\r\n          }\r\n\r\n          .time {\r\n            color: #999;\r\n            font-size: 12px;\r\n            margin-left: 26px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .demand-r {\r\n    width: 870px;\r\n    min-height: 600px;\r\n    background-color: #fff;\r\n    border: solid 1px #ededed;\r\n    margin-left: 20px;\r\n    margin-bottom: 74px;\r\n\r\n    &-top {\r\n      height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      border-bottom: 1px solid #ededed;\r\n    }\r\n\r\n    &-list {\r\n      padding: 20px 0 0 20px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .supply {\r\n      width: 266px;\r\n      height: 205px;\r\n      background-color: #f7f7f7;\r\n      border-radius: 3px;\r\n      position: relative;\r\n      margin-right: 16px;\r\n      margin-bottom: 20px;\r\n\r\n      &-top {\r\n        display: flex;\r\n        height: 46px;\r\n\r\n        .headerimg {\r\n          width: 42px;\r\n          height: 42px;\r\n          border-radius: 50%;\r\n          margin-right: 10px;\r\n        }\r\n\r\n        .name {\r\n          font-size: 14px;\r\n          color: #333;\r\n          .name1 {\r\n            max-width: 120px;\r\n            display: inline-block;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          .name2 {\r\n            max-width: 60px;\r\n            display: inline-block;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            margin-left: 8px;\r\n            font-size: 12px;\r\n            color: #666;\r\n          }\r\n        }\r\n\r\n        .company {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          width: 190px;\r\n          color: #666;\r\n          font-size: 12px;\r\n        }\r\n\r\n        .guanzhu {\r\n          width: 54px;\r\n          height: 24px;\r\n          @include background_color(#1890ff);\r\n          border-radius: 3px;\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          color: #fff;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          cursor: pointer;\r\n        }\r\n\r\n        .yiguanzhu {\r\n          width: 54px;\r\n          height: 24px;\r\n          background-color: #fff;\r\n          border-radius: 3px;\r\n          border: 1px solid #1890ff;\r\n          @include border_color(#1890ff);\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          @include font_color(#1890ff);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n\r\n      &-center {\r\n        margin-top: 5px;\r\n\r\n        .category {\r\n          width: 58px;\r\n          height: 20px;\r\n          background-color: #ffefe5;\r\n          border-radius: 3px;\r\n          font-size: 12px;\r\n          color: #ff5e00;\r\n          padding: 4px;\r\n          margin-right: 5px;\r\n          text-align: center;\r\n        }\r\n\r\n        .category-content {\r\n          line-height: 24px;\r\n          color: #333;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n        }\r\n        .category-text2 {\r\n          height: 28px;\r\n          margin-top: 10px;\r\n          font-size: 12px;\r\n          color: #333;\r\n          margin-bottom: 21px;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          line-height: 1.2;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 2;\r\n          -webkit-box-orient: vertical;\r\n          span {\r\n            color: #666;\r\n          }\r\n        }\r\n      }\r\n\r\n      &-bottom {\r\n        margin-top: 10px;\r\n        position: relative;\r\n        display: flex;\r\n\r\n        .img1 {\r\n          width: 50px;\r\n          height: 50px;\r\n        }\r\n\r\n        .img2 {\r\n          width: 42px;\r\n          height: 42px;\r\n          position: absolute;\r\n          top: 8px;\r\n          left: 18px;\r\n        }\r\n\r\n        .img3 {\r\n          width: 34px;\r\n          height: 34px;\r\n          position: absolute;\r\n          top: 16px;\r\n          left: 36px;\r\n        }\r\n\r\n        .img4 {\r\n          width: 26px;\r\n          height: 26px;\r\n          position: absolute;\r\n          top: 24px;\r\n          left: 54px;\r\n        }\r\n\r\n        .img5 {\r\n          width: 18px;\r\n          height: 18px;\r\n          position: absolute;\r\n          top: 32px;\r\n          left: 72px;\r\n        }\r\n\r\n        .time {\r\n          font-size: 12px;\r\n          color: #999;\r\n          position: absolute;\r\n          right: 0;\r\n          top: 8px;\r\n        }\r\n      }\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!./demand.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!./demand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./demand.vue?vue&type=template&id=14eb770f&scoped=true&\"\nimport script from \"./demand.vue?vue&type=script&lang=js&\"\nexport * from \"./demand.vue?vue&type=script&lang=js&\"\nimport style0 from \"./demand.vue?vue&type=style&index=0&id=14eb770f&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"14eb770f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('div',{staticClass:\"modal-carousel\"},[_c('div',{staticClass:\"modal-carousel-mask\"}),_c('div',{staticClass:\"carousel\"},[_c('Carousel',{staticStyle:{\"heighe\":\"100vh\"},attrs:{\"loop\":true},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}},_vm._l((_vm.imgList),function(item,index){return _c('CarouselItem',{key:index},[_c('div',{staticClass:\"demo-carousel\"},[_c('img',{attrs:{\"src\":item}})])])}),1)],1),_c('div',{staticClass:\"guanbi\",on:{\"click\":function($event){$event.stopPropagation();return _vm.childMethod($event)}}},[_c('i',{staticClass:\"iconfont icon-guanbi\"})])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- :class=\"show?'open':''\" -->\r\n  <div class=\"modal-carousel\" v-if=\"show\">\r\n    <div class=\"modal-carousel-mask\"></div>\r\n    <div class=\"carousel\">\r\n      <Carousel v-model=\"value1\" :loop=\"true\" style=\"heighe:100vh\">\r\n        <CarouselItem v-for=\"(item, index) in imgList\" :key=\"index\">\r\n          <div class=\"demo-carousel\">\r\n            <img :src=\"item\" />\r\n          </div>\r\n        </CarouselItem>\r\n      </Carousel>\r\n    </div>\r\n\r\n    <div class=\"guanbi\" @click.stop=\"childMethod\">\r\n      <i class=\"iconfont icon-guanbi\"> </i>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ShowSwiper\",\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    imgList: {\r\n      type: Array,\r\n      default: () => {\r\n        return [\"https://img.zhanshangxiu.com/showonline/file/202011/20201126/e7cde6541db94d87928d95a99b51dd74.jpg\"];\r\n      },\r\n    },\r\n    imgIndex: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      value1: 0,\r\n      isShow: false,\r\n    };\r\n  },\r\n  methods: {\r\n    childMethod() {\r\n      this.value1 = 0;\r\n      this.$parent.closeSwiper();\r\n    },\r\n  },\r\n  watch: {\r\n    show(val, oldVal) {\r\n      if (val) {\r\n        this.value1 = this.imgIndex;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.demo-carousel {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  img {\r\n    display: block;\r\n    max-height: 100%;\r\n    max-width: 100%;\r\n  }\r\n}\r\n.modal-carousel {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 10000;\r\n  // z-index: -10;\r\n  // opacity: 0;\r\n  // &.open{\r\n  //   opacity: 1;\r\n  // }\r\n}\r\n\r\n.guanbi {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 60px;\r\n  font-size: 36px;\r\n  cursor: pointer;\r\n  color: #a6a6a6;\r\n}\r\n\r\n.guanbi:hover {\r\n  .icon-guanbi {\r\n    color: #fff;\r\n  }\r\n}\r\n.carousel {\r\n  position: relative;\r\n  width: 100vw;\r\n  text-align: center;\r\n  height: 100vh;\r\n}\r\n\r\n::v-deep.ivu-carousel {\r\n  button {\r\n    width: 72px;\r\n    height: 72px;\r\n  }\r\n\r\n  .ivu-icon {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .ivu-carousel-dots-inside {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.modal-carousel-mask {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  backdrop-filter: blur(2px);\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  /*img{*/\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!./ShowSwiper.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!./ShowSwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShowSwiper.vue?vue&type=template&id=3c6e21f6&scoped=true&\"\nimport script from \"./ShowSwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./ShowSwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShowSwiper.vue?vue&type=style&index=0&id=3c6e21f6&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c6e21f6\",\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!./index.vue?vue&type=style&index=0&id=865a0516&scoped=true&lang=scss&\"; 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!./index.vue?vue&type=style&index=0&id=865a0516&scoped=true&lang=scss&\""],"sourceRoot":""}