mirror of
http://git.xinwangdao.com/cnnc-embedded-parts-detect/detect.git
synced 2025-06-24 13:34:13 +08:00
2 lines
7.4 KiB
JavaScript
2 lines
7.4 KiB
JavaScript
import{u as $,c as K,_ as z,s as L}from"./index.js";import{b2 as N,b3 as h,b4 as M,K as D,Z as R,b5 as q,a7 as B,aA as x}from"./antd-1b4d4679.js";import{d as G,f as P,c as f,u as C,w as I,Z as s,a4 as m,a5 as o,a1 as S,a6 as i,_ as u,a7 as O,k as d,$ as w,ad as V,G as F,a0 as b,a8 as T,F as A}from"./vue-72a104e4.js";const j=[{key:"1",name:"通知",list:[{id:"000000001",avatar:"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",title:"你收到了 14 份新周报",description:"",datetime:"2017-08-09",type:"1"},{id:"000000002",avatar:"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",title:"你推荐的 曲妮妮 已通过第三轮面试",description:"",datetime:"2017-08-08",type:"1"},{id:"000000003",avatar:"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",title:"这种模板可以区分多种通知类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000004",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000005",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"标题可以设置自动显示省略号，本例中标题行数已设为1行，如果内容超过1行将自动截断并支持tooltip显示完整标题。",description:"",datetime:"2017-08-07",type:"1"},{id:"000000006",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000007",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000008",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000009",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"},{id:"000000010",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"左侧图标用于区分不同的类型",description:"",datetime:"2017-08-07",type:"1"}]},{key:"2",name:"消息",list:[{id:"000000006",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"曲丽丽 评论了你",description:"描述信息描述信息描述信息",datetime:"2017-08-07",type:"2",clickClose:!0},{id:"000000007",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"朱偏右 回复了你",description:"这种模板用于提醒谁与你发生了互动",datetime:"2017-08-07",type:"2",clickClose:!0},{id:"000000008",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"标题",description:"请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容",datetime:"2017-08-07",type:"2",clickClose:!0}]},{key:"3",name:"待办",list:[{id:"000000009",avatar:"",title:"任务名称",description:"任务需要在 2017-01-12 20:00 前启动",datetime:"",extra:"未开始",color:"",type:"3"},{id:"000000010",avatar:"",title:"第三方紧急代码变更",description:"冠霖 需在 2017-01-07 前完成代码变更任务",datetime:"",extra:"马上到期",color:"red",type:"3"},{id:"000000011",avatar:"",title:"信息安全考试",description:"指派竹尔于 2017-01-09 前完成更新并发布",datetime:"",extra:"已耗时 8 天",color:"gold",type:"3"},{id:"000000012",avatar:"",title:"ABCD 版本发布",description:"指派竹尔于 2017-01-09 前完成更新并发布",datetime:"",extra:"进行中",color:"blue",type:"3"}]}],E=G({components:{[N.name]:N,[h.name]:h,[h.Item.name]:h.Item,AListItemMeta:h.Item.Meta,ATypographyParagraph:M.Paragraph,[D.name]:D},props:{list:{type:Array,default:()=>[]},pageSize:{type:[Boolean,Number],default:5},currentPage:{type:Number,default:1},titleRows:{type:Number,default:1},descRows:{type:Number,default:2},onTitleClick:{type:Function}},emits:["update:currentPage"],setup(t,{emit:g}){const{prefixCls:y}=$("header-notify-list"),r=P(t.currentPage||1),_=f(()=>{const{pageSize:a,list:c}=t;if(a===!1)return[];let p=K(a)?a:5;return c.slice(p*(C(r)-1),p*C(r))});I(()=>t.currentPage,a=>{r.value=a});const n=f(()=>!!t.onTitleClick),l=f(()=>{const{list:a,pageSize:c}=t;return c>0&&a&&a.length>c?{total:a.length,pageSize:c,current:C(r),onChange(p){r.value=p,g("update:currentPage",p)}}:!1});function v(a){t.onTitleClick&&t.onTitleClick(a)}return{prefixCls:y,getPagination:l,getData:_,handleTitleClick:v,isTitleClickable:n}}});const X={class:"title"},H={key:0,class:"extra"},U={key:1},Z={key:0,class:"description"},J={class:"datetime"};function W(t,g,y,r,_,n){const l=i("a-typography-paragraph"),v=i("a-tag"),a=i("a-avatar"),c=i("a-list-item-meta"),p=i("a-list-item"),k=i("a-list");return s(),m(k,{class:S(t.prefixCls),bordered:"",pagination:t.getPagination},{default:o(()=>[(s(!0),u(A,null,O(t.getData,e=>(s(),m(p,{key:e.id,class:"list-item"},{default:o(()=>[d(c,null,{title:o(()=>[w("div",X,[d(l,{onClick:at=>t.handleTitleClick(e),style:V([{width:"100%","margin-bottom":"0 !important"},{cursor:t.isTitleClickable?"pointer":""}]),delete:!!e.titleDelete,ellipsis:t.$props.titleRows&&t.$props.titleRows>0?{rows:t.$props.titleRows,tooltip:!!e.title}:!1,content:e.title},null,8,["onClick","style","delete","ellipsis","content"]),e.extra?(s(),u("div",H,[d(v,{class:"tag",color:e.color},{default:o(()=>[F(b(e.extra),1)]),_:2},1032,["color"])])):T("",!0)])]),avatar:o(()=>[e.avatar?(s(),m(a,{key:0,class:"avatar",src:e.avatar},null,8,["src"])):(s(),u("span",U,b(e.avatar),1))]),description:o(()=>[w("div",null,[e.description?(s(),u("div",Z,[d(l,{style:{width:"100%","margin-bottom":"0 !important"},ellipsis:t.$props.descRows&&t.$props.descRows>0?{rows:t.$props.descRows,tooltip:!!e.description}:!1,content:e.description},null,8,["ellipsis","content"])])):T("",!0),w("div",J,b(e.datetime),1)])]),_:2},1024)]),_:2},1024))),128))]),_:1},8,["class","pagination"])}const Y=z(E,[["render",W],["__scopeId","data-v-851bd126"]]),Q=G({components:{Popover:R,BellOutlined:q,Tabs:B,TabPane:B.TabPane,Badge:x,NoticeList:Y},setup(){const{prefixCls:t}=$("header-notify"),{createMessage:g}=L(),y=P(j),r=f(()=>{let n=0;for(let l=0;l<j.length;l++)n+=j[l].list.length;return n});function _(n){g.success("你点击了通知，ID="+n.id),n.titleDelete=!n.titleDelete}return{prefixCls:t,listData:y,count:r,onNoticeClick:_,numberStyle:{}}}});const tt={key:0};function et(t,g,y,r,_,n){const l=i("BellOutlined"),v=i("Badge"),a=i("NoticeList"),c=i("TabPane"),p=i("Tabs"),k=i("Popover");return s(),u("div",{class:S(t.prefixCls)},[d(k,{title:"",trigger:"click",overlayClassName:`${t.prefixCls}__overlay`},{content:o(()=>[d(p,null,{default:o(()=>[(s(!0),u(A,null,O(t.listData,e=>(s(),m(c,{key:e.key},{tab:o(()=>[F(b(e.name)+" ",1),e.list.length!==0?(s(),u("span",tt,"("+b(e.list.length)+")",1)):T("",!0)]),default:o(()=>[e.key==="1"?(s(),m(a,{key:0,list:e.list,onTitleClick:t.onNoticeClick},null,8,["list","onTitleClick"])):(s(),m(a,{key:1,list:e.list},null,8,["list"]))]),_:2},1024))),128))]),_:1})]),default:o(()=>[d(v,{count:t.count,dot:"",numberStyle:t.numberStyle},{default:o(()=>[d(l)]),_:1},8,["count","numberStyle"])]),_:1},8,["overlayClassName"])],2)}const nt=z(Q,[["render",et]]);export{nt as default};
|