https://www.cnsphoto.com/js/list.7eb5b545.js

1"use strict";(self["webpackChunksubscriberfrontend"]=self["webpackChunksubscriberfrontend"]||[]).push([[3715],{27830:function(e,t,a){a.d(t,{A:function(){return l}});var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"section-item-container"},[t("div",{staticClass:"section",style:e.cssVars},[t("div",{staticClass:"header"},[t("h2",{staticClass:"tit"},[e._v(e._s(e.title))]),t("div",{staticClass:"more",on:{click:e.handleMoreClick}},[e._v(e._s(e.more))])]),e._t("toolbar"),t("div",{staticClass:"pic-list"},e._l(e.list,(function(a){return"simple"===e.type?t("div",{key:a[e.objKey["forKey"]],staticClass:"pic-item",on:{click:function(t){return e.handleItemClick(a)}}},[t("img",{attrs:{src:a[e.objKey["srcKey"]],alt:""}}),t("div",{staticClass:"pic-desc-wrap"},[t("p",{directives:[{name:"ellipsis2",rawName:"v-ellipsis2"}],staticClass:"pic-desc"},[e._v(e._s(a[e.objKey["titleKey"]]))])])]):e._e()})),0),t("div",{staticClass:"pic-list2"},e._l(e.list,(function(a){return"complete"===e.type?t("div",{key:a[e.objKey["forKey"]],staticClass:"pic-item2"},[t("img",{attrs:{src:a[e.objKey["srcKey"]],alt:""},on:{click:function(t){return e.handleItemClick(a)}}}),t("div",{staticClass:"pic-desc-wrap"},[t("p",{directives:[{name:"ellipsis2",rawName:"v-ellipsis2",value:"2",expression:"'2'"}],staticClass:"tit",attrs:{title:a[e.objKey["titleKey"]]},on:{click:function(t){return e.handleItemClick(a)}}},[e.showMeta&&a[e.objKey["pictureCountKey"]]>1?t("span",{staticClass:"pic-count"},[e._v(e._s(a[e.objKey["pictureCountKey"]]))]):e._e(),e._v(e._s(a[e.objKey["titleKey"]]))]),!e.showMeta||3!=a.pictureGroupType&&4!=a.pictureGroupType?e.showMeta?t("p",{staticClass:"author"},[e._v(e._s(a[e.objKey["authorKey"]]?"中新社发 "+a[e.objKey["authorKey"]]+" 摄":"作者：无"))]):e._e():t("p",{staticClass:"author"},[e._v(e._s(a[e.objKey["authorKey"]]?a[e.objKey["authorKey"]].includes("实习生")||a[e.objKey["authorKey"]].includes("通讯员")?"中新社发 "+a[e.objKey["authorKey"]]+" 摄":"中新社记者 "+a[e.objKey["authorKey"]]+" 摄":"作者：无"))]),e.showMeta?t("p",{staticClass:"publish-time"},[e._v("发布于 "+e._s(e._f("formatTime")(a[e.objKey["publishTimeKey"]],"-3")))]):e._e(),e.showMeta?t("p",{directives:[{name:"ellipsis",rawName:"v-ellipsis:width",value:"100%",expression:"'100%'",arg:"width"}],staticClass:"filename",attrs:{title:a[e.objKey["fileNameKey"]]}},[e._v("ID："+e._s(a[e.objKey["fileNameKey"]]))]):e._e()])]):e._e()})),0)],2)])},s=[],r={name:"SectionItem",props:{type:{type:String,default:"simple"},title:{type:String,default:"标题"},more:{type:String,default:"更多"},list:{type:Array,default:()=>[{id:1,src:"https://picsum.photos/1920/1080",desc:"描述"},{id:2,src:"https://picsum.photos/1920/1080",desc:"描述"},{id:3,src:"https://picsum.photos/1920/1080",desc:"描述"}]},objKey:{type:Object,default:()=>({forKey:"id",srcKey:"src",titleKey:"title",authorKey:"author",publishPlaceKey:"publishPlace",publishTimeKey:"publishTime",fileNameKey:"fileName",pictureCountKey:"pictureCount"})},showMeta:{type:Boolean,default:!0},picListColumn:{type:Number,default:4},picListColumn2:{type:Number,default:8}},computed:{cssVars(){return{"--column":this.picListColumn,"--column2":this.picListColumn2}}},methods:{handleMoreClick(){this.$emit("handleMoreClick")},handleItemClick(e){this.$emit("handleItemClick",e)}}},o=r,n=a(81656),u=(0,n.A)(o,i,s,!1,null,"11a83404",null),l=u.exports},47881:function(e,t,a){a.r(t),a.d(t,{default:function(){return p}});var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"category-container"},[e._e(),t("div",{staticClass:"center"},[e.isLoading?t("div",{staticClass:"load-more-wrapper"},[t("div",{staticClass:"loading-more"},[e._v(" 数据加载中... ")])]):[e._e(),t("div",{staticClass:"section"},[t("SectionItem",{ref:"sectionItem",attrs:{type:"complete",title:e.channelBanner.channelName||e.categoryItemList[0]?.categoryName,more:"",list:e.categoryItemList,objKey:{forKey:"",srcKey:"thumbnailPath",titleKey:"title",authorKey:"authorName",publishPlaceKey:"place",publishTimeKey:"issueTime",fileNameKey:"fileName",pictureCountKey:"pictureCount"}},on:{handleMoreClick:function(e){}

1,handleItemClick:e.gotoGroupPictureDetailsPage},scopedSlots:e._u([{key:"toolbar",fn:function(){return[e.isNewsPictureList?t("div",{staticClass:"news-filter-bar"},[t("div",{staticClass:"filter-groups"},[t("div",{staticClass:"filter-group"},[t("span",{staticClass:"filter-label"},[e._v("时间范围")]),t("div",{staticClass:"filter-options"},[t("button",{staticClass:"filter-opt",class:{active:7===e.newsDays},attrs:{type:"button"},on:{click:function(t){return e.onNewsDaysChange(7)}}},[e._v("近7天")]),t("button",{staticClass:"filter-opt",class:{active:30===e.newsDays},attrs:{type:"button"},on:{click:function(t){return e.onNewsDaysChange(30)}}},[e._v("近30天")])])]),t("span",{staticClass:"filter-divider",attrs:{"aria-hidden":"true"}}),t("div",{staticClass:"filter-group"},[t("span",{staticClass:"filter-label"},[e._v("排序选项")]),t("div",{staticClass:"filter-options"},[t("button",{staticClass:"filter-opt",class:{active:"desc"===e.newsSortOrder},attrs:{type:"button"},on:{click:function(t){return e.onNewsSortChange("desc")}}},[e._v("倒序")]),t("button",{staticClass:"filter-opt",class:{active:"asc"===e.newsSortOrder},attrs:{type:"button"},on:{click:function(t){return e.onNewsSortChange("asc")}}},[e._v("正序")])])])]),e.pager.total>=0&&e.$isPC()?t("div",{staticClass:"filter-total"},[e._v(" 共 "),t("em",[e._v(e._s(e.pager.total))]),e._v(" 条 ")]):e._e(

1)]):e._e()]},proxy:!0}])})],1),e._e(),e.$route.query.topicId?e._e():t("div",{staticClass:"pagination-wrapper",staticStyle:{display:"none"}},[t("el-pagination",{attrs:{small:!e.$isPC(),background:"","current-page":e.pager.pagenum,"page-sizes":[40,80,120,160],"page-size":e.pager.pagesize,layout:"slot",total:this.pager.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}},[t("div",{staticClass:"custom-page-size"},[t("el-select",{staticClass:"page-size-select",attrs:{size:"mini"},on:{change:e.handleSizeChange},model:{value:e.pager.pagesize,callback:function(t){e.$set(e.pager,"pagesize",t)},expression:"pager.pagesize"}},e._l([40,80,120,160],(function(e){return t("el-option",{key:e,attrs:{label:e+"条",value:e}})})),1)],1)]),t("el-pagination",{attrs:{small:!e.$isPC(),background:"","current-page":e.pager.pagenum,"page-sizes":[40,80,120,160],"page-size":e.pager.pagesize,layout:"prev, pager, next, slot",total:this.pager.total,"prev-text":"上一页","next-text":"下一页"},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}},[t("span",{staticClass:"custom-jumper"},[t("el-input",{staticClass:"jumper-input",attrs:{size:"mini"},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.jumpToPage.apply(null,arguments)}},model:{value:e.jumpPage,callback:function(t){e.jumpPage=e._n("string"===typeof t?t.trim():t)},expression:"jumpPage"}}),t("el-button",{on:{click:e.jumpToPage}},[e._v("go")])],1)])],1),e.$route.query.topicId?e._e():t("div",{staticClass:"pagination-wrapper"},[t("el-pagination",{attrs:{small:!e.$isPC(),background:"",layout:"slot"}},[t("div",{staticClass:"custom-page-size"},[t("el-select",{staticClass:"page-size-select",attrs:{size:"mini"},on:{change:e.handleSizeChange},model:{value:e.pager.pagesize,callback:function(t){e.$set(e.pager,"pagesize",t)},expression:"pager.pagesize"}},e._l([40,80,120,160],(function(e){return t("el-option",{key:e,attrs:{label:e+"条",value:e}})})),1)],1)]),e.isNewsPictureList?t("el-pagination",{attrs:{disabled:1===e.pager.pagenum,small:!e.$isPC(),background:"","current-page":1,layout:"slot"},on:{"current-change":e.handleCurrentChange}},[t("span",{staticClass:"custom-page first-page",class:{disabled:1===e.pager.pagenum},on:{click:function(t){1!==e.pager.pagenum&&e.handleCurrentChange(1)}}},[e._v(" 首页 ")])]):e._e(),t("el-pagination",{attrs:{disabled:!e.pager.hasPreviousPage,small:!e.$isPC(),background:"","current-page":e.pager.pagenum,layout:"prev","prev-text":"上一页"},on:{"current-change":e.handleCurrentChange}}),t("el-pagination",{attrs:{small:!e.$isPC(),background:"",layout:"slot"}},[t("span",{staticClass:"custom-page",staticStyle:{"text-align":"center",color:"rgba(0, 0, 0, 0.5)","font-weight":"normal"}},[e._v(" 当前第 "+e._s(e.pager.pagenum)),e.isNewsPictureList?[e._v(" / "+e._s(e.totalPages))]:e._e(),e._v(" 页 ")],2)]),t("el-pagination",{attrs:{disabled:!e.pager.hasNextPage,small:!e.$isPC(),background:"","current-page":e.pager.pagenum,layout:"next","next-text":"下一页"},on:{"current-change":e.handleCurrentChange}}),e.isNewsPictureList?t("el-pagination",{attrs:{disabled:e.pager.pagenum===e.totalPages,small:!e.$isPC(),background:"","current-page":e.totalPages,layout:"slot"},on:{"current-change":e.handleCurrentChange}},[t("span",{staticClass:"custom-page last-page",class:{disabled:e.pager.pagenum===e.totalPages},on:{click:function(t){e.pager.pagenum!==e.totalPages&&e.handleCurrentChange(e.totalPages)}}},[e._v(" 末页 ")])]):e._e(),e.isNewsPictureList?t("el-pagination",{attrs:{small:!e.$isPC(),background:"",layout:"slot"}},[t("span",{staticClass:"custom-jumper"},[e._v(" 跳至 "),t("el-input",{staticClass:"jumper-input",attrs:{size:"mini"},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.jumpToPage.apply(null,arguments)}},model:{value:e.jumpPage,callback:function(t){e.jumpPage=e._n("string"===typeof t?t.trim():t)},expression:"jumpPage"}}),e._v(" 页 "),t("el-button",{attrs:{size:"mini"},on:{click:e.jumpToPage}}

1,[e._v("GO")])],1)]):e._e()],1),e.$route.query.topicId?e._e():t("div",{staticClass:"load-more-wrapper"},[e.hasMore&&!e.isLoadMore?t("div",{staticClass:"load-more",on:{click:e.loadMore}},[e._v("加载更多")]):e._e(),e.hasMore?e._e():t("div",{staticClass:"no-more"},[e._v("没有更多了")]),e.isLoadMore?t("div",{staticClass:"loading-more"},[e._v("加载中...")]):e._e()])]],2)])},s=[],r=(a(44114),a(81454),a(27830)),o=(a(50755),{name:"CategoryList",components:{SectionItem:r.A},data(){return{channelBanner:{},categoryItemList:[],recommendList:[],pager:{pagenum:1,pagesize:40,total:-1,hasNextPage:!1,hasPreviousPage:!1,isFirstPage:!1,isLastPage:!1},jumpPage:"",isLoading:!0,hasMore:!0,isLoadMore:!1,newsDays:7,newsSortOrder:"desc"}},computed:{isNewsPictureList(){return 0==this.$route.query.pictureGroupType},totalPages(){return this.pager.total<=0?1:Math.ceil(this.pager.total/this.pager.pagesize)}},async mounted(){this.isLoading=!0;try{this.$route.query.channelId&&await this.getChannelBanner(),this.$route.query.channelId&&await this.getChannelList(),this.$route.query.categoryId&&await this.getCategoryItemList(),this.$route.query.topicId&&await this.getTopicList2(),this.$route.query.pictureGroupType&&await this.getGroupPictureList(),this.$route.query.pictureGroupId&&await this.getRecommendList()}catch(e){}finally{this.isLoading=!1}this.$isPC()||this.$nextTick((()=>{setTimeout((()=>{document.getElementById("app").scrollTop=0}),0)}))},methods:{gotoGroupPictureDetailsPage(e){let t="";if(e.topicId){if(1==e.topicType)return window.open(e.topicUrl,"_blank");t=this.$router.resolve({path:"/displayview",query:{topicId:e.topicId}})}else{let a={};e.pictureGroupId&&"0"!=e.pictureGroupId?a={name:"DetailsPictureGroupId",params:{pictureGroupId:e.pictureGroupId}}:e.pictureId&&(a={name:"Details",query:{pictureId:e.pictureId}}),t=this.$router.resolve(a)}window.open(t.href,"_blank")},getChannelBanner(){this.$api.home.getChannelBanner({channelId:this.$route.query.channelId}).then((e=>{this.channelBanner=e.info})).catch((()=>{}))},async getChannelList(){const e=await this.$api.home.getChannelList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,channelId:this.$route.query.channelId},{showLoading:!0});this.categoryItemList=e.info.list,this.pager.hasNextPage=e.info.hasNextPage,this.pager.hasPreviousPage=e.info.hasPreviousPage,this.pager.isFirstPage=e.info.isFirstPage,this.pager.isLastPage=e.info.isLastPage,this.$isPC()||(this.hasMore=e.info.hasNextPage)},async getCategoryItemList(){const e=await this.$api.home.getCategoryItemList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,categoryId:this.$route.query.categoryId},{showLoading:!0});this.categoryItemList=e.info.list,this.pager.hasNextPage=e.info.hasNextPage,this.pager.hasPreviousPage=e.info.hasPreviousPage,this.pager.isFirstPage=e.info.isFirstPage,this.pager.isLastPage=e.info.isLastPage,this.$isPC()||(this.hasMore=e.info.hasNextPage)},buildGroupPictureListParams(){const e={pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,pictureGroupType:this.$route.query.pictureGroupType};return this.isNewsPictureList&&(e.days=this.newsDays,e.sorts=[{field:"issueTime",order:this.newsSortOrder}]),e},applyListPager(e){this.categoryItemList=e.list||[],this.pager.total="number"===typeof e.total?e.total:-1,this.pager.hasNextPage=e.hasNextPage,this.pager.hasPreviousPage=e.hasPreviousPage,this.pager.isFirstPage=e.isFirstPage,this.pager.isLastPage=e.isLastPage,this.$isPC()||(this.hasMore=e.hasNextPage)},async getGroupPictureList(){const e=await this.$api.home.getGroupPictureList(this.buildGroupPictureListParams(),{showLoading:!0});this.applyListPager(e.info),this.channelBanner.channelName=this.$route.query.channelName},async refreshNewsPictureList(){this.pager.pagenum=1,this.hasMore=!0;try{await this.getGroupPictureList()}catch(e){}},onNewsDaysChange(e){this.newsDays!==e&&(this.newsDays=e,this.refreshNewsPictureList())},onNewsSortChange(e){this.newsSortOrder!==e&&(this.newsSortOrder=e,this.refreshNewsPictureList())},async getRecommendList(){const e=await this.$api.searchlist.recommendList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,pictureGroupId:this.$route.query.pictureGroupId,pictureId:this.$route.query.pictureId},!0);this.categoryItemList=e.info.rows.map((e=>({pictureGroupId:e.row.picture_group_id,thumbnailPath:e.row.thumbnail_path,title:e.row.title,authorName:e.row.author_name,place:e.row.place,issueTime:e.row.issue_time,pictureCount:e.row.picture_count,fileName:e.row.file_name[0]}))),this.pager.hasNextPage=e.info.hasNextPage,this.pager.hasPreviousPage=e.info.hasPreviousPage,this.pager.isFirstPage=e.info.isFirstPage,this.pager.isLastPage=e.info.isLastPage,this.channelBanner.channelName="相关推荐",this.$isPC()||(this.hasMore=e.info.hasNextPage)},getTopicList2(){const e=sessionStorage.getItem("topicList"+this.$route.query.topicId)?JSON.parse(sessionStorage.getItem("topicList"+this.$route.query.topicId)):[];0!=e.length?(this.channelBanner.channelName=e.layoutName,this.categoryItemList=e.topicLayoutItem.map((e=>({pictureId:e.pictureId,pictureGroupId:e.pictureGroupId,thumbnailPath:e.thumbnailPath,title:e.title,authorName:e.authorName,place:e.place,issueTime:e.issueTime,pictureCount:1==e.itemType?1:e.pictureCount,itemType:e.itemType,fileName:e.fileName})))):this.$router.push({path:"/displayview",query:{topicId:this.$route.query.topicId}})},gotoMorePage(e){const t=this.$router.resolve({path:"/list",query:{channelId:e||void 0}});window.open(t.href,"_blank")},gotoCategoryListPage(e){const t=this.$router.resolve({path:"/list",query:{categoryId:e.categoryId?e.categoryId:void 0}});window.open(t.href,"_blank")},async loadMore(){if(!this.isLoadMore){this.isLoadMore=!0,this.pager.pagenum++;try{let e=null;this.$route.query.channelId?e=await this.$api.home.getChannelList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,channelId:this.$route.query.channelId}):this.$route.query.categoryId?e=await this.$api.home.getCategoryItemList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,categoryId:this.$route.query.categoryId}):this.$route.query.pictureGroupType?(e=await this.$api.home.getGroupPictureList(this.buildGroupPictureListParams()),this.channelBanner.channelName=this.$route.query.channelName):this.$route.query.pictureGroupId&&(e=await this.$api.searchlist.recommendList({pageNum:this.pager.pagenum,pageSize:this.pager.pagesize,pictureGroupId:this.$route.query.pictureGroupId,pictureId:this.$route.query.pictureId}),e.info.list=e.info.rows.map((e=>({pictureGroupId:e.row.picture_group_id,thumbnailPath:e.row.thumbnail_path,title:e.row.title,authorName:e.row.author_name,place:e.row.place,issueTime:e.row.issue_time,pictureCount:e.row.picture_count}))),this.channelBanner.channelName="相关推荐"),this.categoryItemList=[...this.categoryItemList,...e.info.list],"number"===typeof e.info.total&&(this.pager.total=e.info.total),this.pager.hasNextPage=e.info.hasNextPage,this.pager.hasPreviousPage=e.info.hasPreviousPage,this.hasMore=e.info.hasNextPage}catch(e){this.pager.pagenum--,this.$message.error("加载更多失败")}finally{this.isLoadMore=!1}}},async handleSizeChange(e){this.pager.pagenum=1,this.pager.pagesize=e;try{this.$route.query.channelId&&await this.getChannelList(),this.$route.query.categoryId&&await this.getCategoryItemList(),this.$route.query.pictureGroupType&&await this.getGroupPictureList(),this.$route.query.pictureGroupId&&await this.getRecommendList()}catch(t){}},async handleCurrentChange(e){this.pager.pagenum=e;try{if(this.$route.query.channelId&&await this.getChannelList(),this.$route.query.categoryId&&await this.getCategoryItemList(),this.$route.query.pictureGroupType&&await this.getGroupPictureList(),this.$route.query.pictureGroupId&&await this.getRecommendList(),this.$isPC()){let e=document.querySelector(".section-item-container .tit"),r=document.querySelector(".section"),o=document.querySelector(".nav"),n=document.querySelector(".banner-pic");var t=parseFloat(window.getComputedStyle(e,null).height),a=parseFloat(window.getComputedStyle(r,null).marginTop),i=parseFloat(window.getComputedStyle(o,null).height),s=n?parseFloat(window.getComputedStyle(n,null).height):0;let u=i+s-t-a;window.scrollTo({left:0,top:u,behavior:"smooth"})}}catch(r){}},async handlePrevNext(e,t){try{if(this.$route.query.channelId&&await this.getChannelList(),this.$route.query.categoryId&&await this.getCategoryItemList(),this.$route.query.pictureGroupType&&await this.getGroupPictureList(),this.$route.query.pictureGroupId&&await this.getRecommendList(),this.$isPC()){let e=this.$refs.sectionItem.$el;e&&e.scrollIntoView({block:"start",behavior:"smooth"})}}catch(a){}},jumpToPage(){const e=parseInt(this.jumpPage);e&&e>0&&e<=this.totalPages&&this.handleCurrentChange(e),this.jumpPage=""}},watch:{async $route(e,t){if(this.$isPC()||this.$nextTick((()=>{setTimeout((()=>{document.getElementById("app").scrollTop=0}),0)})),"/list"==e.path&&"/webinfo"!=t.path){this.pager.pagenum=1;try{this.$route.query.channelId&&await this.getChannelBanner(),this.$route.query.channelId&&await this.getChannelList(),this.$route.query.categoryId&&await this.getCategoryItemList(),this.$route.query.pictureGroupType&&await this.getGroupPictureList(),this.$route.query.pictureGroupId&&await this.getRecommendList()}catch(a){}}}}}),n=o,u=a(81656),l=(0,u.A)(n,i,s,!1,null,"52c3290f",null),p=l.exports}}]);