| 123 |
- import{M as z,j as I,aH as T,a3 as V,m as X,n as L,am as _,aw as $,o as i,a as s,V as q,T as g,U as u,F as f,ad as x,u as R,_ as E,X as F,P as b,b as e,Z as n,Q as G,aF as P,aG as Q}from"./vue.aade88c7.js";import{_ as U}from"./index.f6b6c69f.js";const S=[{title:"权限",isMore:!1,isShowMore:!1,id:0,children:[{id:"01",label:"全部",active:!0},{id:"02",label:"普通用户",active:!1},{id:"03",label:"管理员",active:!1}]},{title:"布局",isMore:!1,isShowMore:!1,id:1,children:[{id:11,label:"全部",active:!0},{id:12,label:"默认",active:!1},{id:13,label:"经典",active:!1},{id:14,label:"横向",active:!1},{id:15,label:"分栏",active:!1}]},{title:"配置",isMore:!1,isShowMore:!1,id:2,children:[{id:21,label:"全部",active:!0},{id:22,label:"开启 Breadcrumb",active:!1},{id:23,label:"开启 Tags-View",active:!1},{id:24,label:"固定 Header",active:!1},{id:25,label:"侧边栏 Logo",active:!1},{id:26,label:"开启折叠 NavMenu",active:!1},{id:27,label:"开启一个 NavMenu 展开",active:!1},{id:28,label:"登录用户头像",active:!1}]}],Z=[{img:"http://news.sznews.com/pic/2020-08/14/9d9c9a60-f0af-41aa-b617-683b07c87642.jpg",title:"嘉陵江2020年第1号洪水”在嘉陵江支流涪江形成",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:1},{img:"http://www.sznews.com/news/pic/2020-08/13/0ea47d3c-feb9-4bd7-8597-a8a373aa6340c6ec12c7-3b33-4528-91a6-85ec8ca1df67_watermark.png",title:"让《民法典》走近群众 盐田街道开展人民调解宣传活动",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:2},{img:"http://www.sznews.com/photo/pic/2020-08/12/a08d6eb0-1d53-4f76-a313-ad3e5d701f98.jpg",title:"记者手记：可可西里，“挪”向“藏羚羊大产房”的14个半小时",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:3},{img:"http://www.sznews.com/photo/pic/2020-08/11/43cc0e14-9bca-45b9-9a8b-342e09d6a4c7.jpg",title:"以优异成绩庆祝深圳经济特区建立40周年",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:4},{img:"http://www.sznews.com/photo/pic/2020-08/11/a4dc322b-68ec-40e6-8906-3124142c3e49.jpg",title:"草原上的“太阳姑娘”",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:5},{img:"http://www.sznews.com/zhuanti/pic/2020-08/07/57f087b4-4812-46cc-adb9-ead73621284e.png",title:"奇观天下|带你走进非洲野生动物观光第一目的地",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:6},{img:"http://news.sznews.com/pic/2020-09/02/t2_(101X54X600X335)7cd39301-d9cf-45f1-91c3-9575b1e5ce0e.jpg.2",title:"五角大楼发布“中国军力报告” 华春莹： 罔顾事实，充满偏见",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:7},{img:"http://news.sznews.com/pic/2020-09/02/b8b41d9c-0508-4498-8d37-6e597493769f.jpg",title:"最新地铁消息汇总：4号线北延、2号线三期、8号线一期等今年通车",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:8},{img:"http://www.sznews.com/photo/pic/2020-08/10/1635374c-f4d6-475c-ac47-1334176f365d.png",title:"9月1日深圳新增5例无症状感染者！钟南山这段话冲上热搜！",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:9},{img:"http://www.sznews.com/news/pic/2020-08/13/646e5458-92b7-4636-9940-9b0799babfe1.png",title:"全能“小福宝” 为文明社区建设添砖加瓦",evaluate:(Math.random()*10).toFixed(2),collection:(Math.random()*100).toFixed(2),price:(Math.random()*10).toFixed(2),monSales:(Math.random()*20).toFixed(2),id:10}],C=m=>(P("data-v-e6a0077f"),m=m(),Q(),m),A={class:"filtering layout-pd"},J={class:"filtering-list-title"},K=["onClick"],O=["onClick"],W={key:0,class:"flex-warp mt15 mb15"},Y={class:"flex-warp-item"},ee={class:"flex-warp-item-box"},te={class:"item-img"},ae=["src"],ie={class:"item-txt"},oe={class:"item-txt-title"},se={class:"item-txt-other"},le={style:{width:"100%"}},ne={class:"item-txt-msg mb10"},de={class:"ml10"},ce={class:"item-txt-msg item-txt-price"},re={class:"font-price"},me=C(()=>e("span",null,"￥",-1)),he={class:"font"},pe={key:1,class:"filtering-no-data"},_e=C(()=>e("div",{class:"no-data-box"},[e("i",{class:"el-icon-search"}),e("div",{class:"no-txt"},"暂无数据")],-1)),ge=[_e],ue=z({name:"pagesFiltering"}),fe=z({...ue,setup(m){const w=I([]),M=T(),a=V({filtering:S,tableData:{data:Z,total:99,loading:!1,param:{pageNum:1,pageSize:10}}});X(()=>{v(),window.onresize=()=>{v()}});const v=()=>{L(()=>{w.value.map((r,d)=>{r.scrollHeight<r.lastChild.scrollHeight?a.filtering[d].isShowMore=!0:a.filtering[d].isShowMore=!1})})},k=(o,r)=>{o.children.map(c=>c.active=!1),r.active=!0;let d=[];a.filtering.map(c=>{c.children.map(h=>{h.active&&d.push({...c,children:[{...h}]})})}),a.tableData.loading=!0,setTimeout(()=>{a.tableData.loading=!1},500)},y=o=>{o.id===1?M.push({path:"/pages/filtering/details",query:{id:o.id}}):M.push({path:"/pages/filtering/details1",query:{id:o.id}})},D=o=>{a.tableData.param.pageSize=o},j=o=>{a.tableData.param.pageNum=o};return(o,r)=>{const d=_("el-col"),c=_("el-row"),h=_("el-pagination"),N=_("el-card"),B=$("loading");return i(),s("div",A,[q((i(),g(N,{shadow:"hover",class:b(["filtering-list br-top-no",{"min-h-360":a.tableData.data.length<=0}]),"element-loading-text":"加载中...","element-loading-background":"rgba(255, 255, 255, 0.1)"},{default:u(()=>[(i(!0),s(f,null,x(R(S),(t,p)=>(i(),s("div",{key:p,ref_for:!0,ref:l=>{l&&(w.value[p]=l)},class:"filtering-list-flex"},[e("div",J,n(t.title),1),e("div",{class:"filtering-list-item",style:G({height:t.isMore?"auto":"50px"})},[(i(!0),s(f,null,x(t.children,(l,H)=>(i(),s("span",{class:b(["span",l.active?"dd-active":""]),key:H,onClick:xe=>k(t,l)},n(l.label),11,K))),128)),t.isShowMore?(i(),s("div",{key:0,class:"dd-more",onClick:l=>t.isMore=!t.isMore},[e("span",null,n(t.isMore?"收起":"展开"),1),e("i",{class:b(t.isMore?"el-icon-arrow-down":"el-icon-arrow-right")},null,2)],8,O)):F("",!0)],4)]))),128)),a.tableData.data.length>0?(i(),s("div",W,[E(c,{gutter:15},{default:u(()=>[(i(!0),s(f,null,x(a.tableData.data,(t,p)=>(i(),g(d,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb15",key:p,onClick:l=>y(t)},{default:u(()=>[e("div",Y,[e("div",ee,[e("div",te,[e("img",{src:t.img},null,8,ae)]),e("div",ie,[e("div",oe,n(t.title),1),e("div",se,[e("div",le,[e("div",ne,[e("span",null,"评价 "+n(t.evaluate),1),e("span",de,"收藏 "+n(t.collection),1)]),e("div",ce,[e("span",re,[me,e("span",he,n(t.price),1)]),e("span",null,"月销"+n(t.monSales)+"笔",1)])])])])])])]),_:2},1032,["onClick"]))),128))]),_:1})])):(i(),s("div",pe,ge)),a.tableData.data.length>0?(i(),g(h,{key:2,style:{"text-align":"right"},background:"",onSizeChange:D,onCurrentChange:j,"page-sizes":[10,20,30],"current-page":a.tableData.param.pageNum,"page-size":a.tableData.param.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:a.tableData.total},null,8,["current-page","page-size","total"])):F("",!0)]),_:1},8,["class"])),[[B,a.tableData.loading]])])}}});const Me=U(fe,[["__scopeId","data-v-e6a0077f"]]);export{Me as default};
- //# sourceMappingURL=index.8bab6391.js.map
|
