You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.7 KiB
2 lines
2.7 KiB
"use strict";(self["webpackChunkshiweisuzhou"]=self["webpackChunkshiweisuzhou"]||[]).push([[47],{3047:function(t,x,e){e.r(x),e.d(x,{default:function(){return o}});var a=function(){var t=this,x=t._self._c;return x("div",{staticClass:"notification-page"},[x("el-button",{staticClass:"mark-all-read",attrs:{type:"text"},on:{click:t.markAllAsRead}},[t._v("全部已读")]),t._l(t.currentPageNotifications,function(e,a){return x("el-card",{key:a,staticClass:"notification-card",class:{read:e.isRead}},[x("div",{staticClass:"notification-header",on:{click:function(x){return t.toggleExpand(e)}}},[e.isRead?t._e():x("span",{staticClass:"dot"},[t._v("●")]),x("span",{staticClass:"title"},[t._v(t._s(e.title))]),x("el-button",{staticClass:"expand-btn",attrs:{type:"text"}},[t._v(" "+t._s(e.isExpanded?"收起":"展开")+" "),t.isExpanded?x("i",{staticClass:"el-icon-arrow-up"}):x("i",{staticClass:"el-icon-arrow-down"})]),x("span",{staticClass:"date"},[t._v(t._s(e.date))])],1),x("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"item.isExpanded"}],staticClass:"notification-content"},[t._v(" "+t._s(e.content)+" ")])])}),x("el-pagination",{staticClass:"pagination",attrs:{"current-page":t.currentPage,"page-size":t.pageSize,layout:"prev, pager, next",total:t.notifications.length},on:{"current-change":t.handleCurrentChange}})],2)},i=[],n=(e(8111),e(7588),{name:"NotificationPage",data(){return{currentPage:2,pageSize:3,notifications:[{title:"您的订单（编号：0022929922992）包含的产品：xxx 已成功出票",date:"2025-08-18",content:"",isRead:!1,isExpanded:!1},{title:"重大通知：因台风天气影响，部分商家发货会延迟，请见谅！",date:"2025-08-18",content:"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\nxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",isRead:!1,isExpanded:!0},{title:"您的订单（编号：0022929922992）包含的产品：xxx 已成功出票",date:"2025-08-18",content:"",isRead:!0,isExpanded:!1},{title:"新功能上线通知：新增会员专属优惠活动",date:"2025-08-17",content:"尊敬的用户，我们新增了会员专属优惠活动，快来查看吧！",isRead:!0,isExpanded:!1},{title:"您的账户安全提示：请及时修改密码",date:"2025-08-17",content:"为保障您的账户安全，建议您定期修改密码，避免使用简单密码。",isRead:!0,isExpanded:!1}]}},computed:{currentPageNotifications(){const t=(this.currentPage-1)*this.pageSize,x=t+this.pageSize;return this.notifications.slice(t,x)}},methods:{toggleExpand(t){t.isExpanded=!t.isExpanded},markAllAsRead(){this.notifications.forEach(t=>{t.isRead=!0})},handleCurrentChange(t){this.currentPage=t}}}),s=n,c=e(845),d=(0,c.A)(s,a,i,!1,null,"b0cdd62a",null),o=d.exports}}]);
|
|
//# sourceMappingURL=47.91e22ff7.js.map
|