|
|
@@ -3,19 +3,33 @@ var noticeMixin = function () {// 通知消息
|
|
|
return {
|
|
|
data(){
|
|
|
return{
|
|
|
- orderNaticeList: [
|
|
|
+ orderNoticeList: [
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
orderId: 1234,
|
|
|
+ onlinePayFlag:1,
|
|
|
type:1,
|
|
|
},
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'',
|
|
|
+ noticeType:1,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ name:'华熙面膜面膜面膜面膜...',
|
|
|
+ cont:3,
|
|
|
+ orderId: 1234,
|
|
|
+ onlinePayFlag:0,
|
|
|
+ type:1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ addTime: '2022-07-05 16:51:20',
|
|
|
+ content:'',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -25,6 +39,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'￥100000.00',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -36,6 +51,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'￥100000.00',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -47,6 +63,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'已成功取消！',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -57,6 +74,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'因超时未确认，系统已自动取消订单！',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -67,6 +85,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'因超时未付款，系统已自动取消订单！',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -77,6 +96,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -86,6 +106,7 @@ var noticeMixin = function () {// 通知消息
|
|
|
{
|
|
|
addTime: '2022-07-05 16:51:20',
|
|
|
content:'',
|
|
|
+ noticeType:1,
|
|
|
image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
name:'华熙面膜面膜面膜面膜...',
|
|
|
cont:3,
|
|
|
@@ -93,24 +114,156 @@ var noticeMixin = function () {// 通知消息
|
|
|
orderId: 1234,
|
|
|
},
|
|
|
],
|
|
|
- template:""
|
|
|
+ usersNoticeList: [
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:2,
|
|
|
+ vipTime:'3个月'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:3,
|
|
|
+ endTime:'7日后'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:3,
|
|
|
+ endTime:'今日'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:4,
|
|
|
+ vipTime:'3个月'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:5
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ noticeType:2,
|
|
|
+ image: 'https://img.caimei365.com/group1/M00/00/1E/rB-lF2JgwhiAWYBKAAE3BA2cBSY917.jpg',
|
|
|
+ type:7,
|
|
|
+ wechatName:'@ZJY'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ couponNoticeList: [
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:0,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:1,
|
|
|
+ categoryType:1,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:1,
|
|
|
+ categoryType:2,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:2,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:3,
|
|
|
+ shopName:'采美信息技术有限公司',
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:1,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:4,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:2,
|
|
|
+ noticeType:4,
|
|
|
+ couponType:4,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ endTime:"3天",
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:3,
|
|
|
+ noticeType:4,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ endTime:"7天后",
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:3,
|
|
|
+ noticeType:4,
|
|
|
+ couponAmount:'50000.00',
|
|
|
+ endTime:"今日即将",
|
|
|
+ time: '2022-07-05 16:51:20',
|
|
|
+ },
|
|
|
+ ],
|
|
|
}
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+
|
|
|
},
|
|
|
mounted() {
|
|
|
var _this = this;
|
|
|
- window.handleClick = function (cell) {
|
|
|
- _this.handleClick(cell);
|
|
|
- };
|
|
|
},
|
|
|
methods: {
|
|
|
+ hanldeNoticeText(cell){ // 根据tab计算返回显示文案
|
|
|
+ const $EventFunction = {
|
|
|
+ 1:this.noticeOrderText(cell),
|
|
|
+ 2:this.noticeUsersText(cell),
|
|
|
+ 3:this.noticeServeText(cell),
|
|
|
+ 4:this.noticeCouponText(cell)
|
|
|
+ }
|
|
|
+ return $EventFunction[cell.noticeType]
|
|
|
+ },
|
|
|
noticeOrderText(cell) { // 交易物流通知文案
|
|
|
const linkMap = {
|
|
|
- 1:`<span onclick="handleClick(cell)" class="link">去支付</span>`,
|
|
|
- 2:`<span onclick="handleClick(cell)" class="link">查看订单</span>`,
|
|
|
- 3:`<span onclick="handleClick(cell)" class="link">查看订单</span>`,
|
|
|
- 4:`<span onclick="handleClick(cell)" class="link">查看订单</span>`,
|
|
|
- 5:`<span onclick="handleClick(cell)" class="link">查看物流</span>`,
|
|
|
- 6:`<span onclick="handleClick(cell)" class="link">查看订单</span>`
|
|
|
+ 1:`<span class="link">去支付</span>`,
|
|
|
+ 2:`<span class="link">查看订单</span>`,
|
|
|
+ 3:`<span class="link">查看订单</span>`,
|
|
|
+ 4:`<span class="link">查看订单</span>`,
|
|
|
+ 5:`<span class="link">查看物流</span>`,
|
|
|
+ 6:`<span class="link">查看订单</span>`
|
|
|
}
|
|
|
const map = {
|
|
|
1: `您已成功下单"${cell.name}"等${cell.cont}件商品，订单等待支付，点击${linkMap[cell.type]}进行付款，支付完成后采美将尽快安排发货。`,
|
|
|
@@ -123,43 +276,107 @@ var noticeMixin = function () {// 通知消息
|
|
|
return map[cell.type]
|
|
|
},
|
|
|
noticeUsersText(cell) { // 账户通知文案
|
|
|
+ const linkMap = {
|
|
|
+ 2:`<span class="link">会员中心</span>`,
|
|
|
+ 3:`<span class="link">会员中心</span>`,
|
|
|
+ 4:`<span class="link">会员中心</span>`,
|
|
|
+ 6:`<span class="link">修改资料</span>`
|
|
|
+ }
|
|
|
const map = {
|
|
|
1: '欢迎成为采美机构用户，祝您开启愉快的采购之旅。',
|
|
|
- 2: `您已成功购买${cell.vipTime}采美平台超级会员服务，在服务期内每月可领多张大额优惠券，还有更多超级会员专属权益等您体验，快去看看吧 >>>`,
|
|
|
- 3: `您的超级会员服务将于${cell.endTime}到期，到期后将无法享受专属会员权益，赶快去续费吧 >>>`,
|
|
|
- 4: `您已获得采美平台赠送的${cell.vipTime}超级会员，在服务期内每月可领多张大额优惠券，还有更多超级会员专属权益等您体验，快去看看吧 >>>`,
|
|
|
+ 2: `您已成功购买${cell.vipTime}采美平台超级会员服务，在服务期内每月可领多张大额优惠券，还有更多超级会员专属权益等您体验，点击${linkMap[cell.type]}去体验吧。`,
|
|
|
+ 3: `您的超级会员服务将于${cell.endTime}到期，到期后将无法享受专属会员权益，赶快去${linkMap[cell.type]}续费吧 。`,
|
|
|
+ 4: `您已获得采美平台赠送的${cell.vipTime}超级会员，在服务期内每月可领多张大额优惠券，还有更多超级会员专属权益等您体验，点击${linkMap[cell.type]}去体验吧。`,
|
|
|
5: '恭喜您成功升级为资质机构用户！现在可以查看更多商品的信息啦，采美平台也将为您提供更多专业服务。',
|
|
|
- 6: '您的账号升级资质机构失败！赶快去修改资料重新提交吧 >>>',
|
|
|
+ 6: `您的账号升级资质机构失败！点击${linkMap[cell.type]}重新提交吧。`,
|
|
|
7: `恭喜您（微信昵称：${cell.wechatName}）成功成为机构运营人员，祝您开启愉快的采购之旅。`
|
|
|
}
|
|
|
return map[cell.type]
|
|
|
},
|
|
|
noticeCouponText(cell) { // 优惠促销通知文案
|
|
|
+ const linkMap = {
|
|
|
+ 1:`<span class="link">领券中心</span>`,
|
|
|
+ 2:`<span class="link">领券中心</span>`,
|
|
|
+ 3:`<span class="link">优惠券中心</span>`,
|
|
|
+ }
|
|
|
const copunMap = {
|
|
|
- 0: `采美平台送您${cell.couponAmount}元优惠券，众多大牌正品等着您，赶快去领取下单吧 >>>`,
|
|
|
- 1: `采美平台${cell.categoryType == 1 ? '产品' : '仪器'}类商品大优惠，特送您${cell.couponAmount}元优惠券，赶快去领取下单吧 >>>`,
|
|
|
- 2: `为了答谢您对采美平台的支持，采美送您${cell.couponAmount}元优惠券，赶快去领取下单吧 >>>`,
|
|
|
- 3: `【${cell.shopName}】赠送您${cell.couponAmount}元的店铺专属优惠券，众多火爆商品等您来！赶快去领取下单吧 >>>`,
|
|
|
- 4: `恭喜成功注册采美平台，现赠送您${cell.couponAmount}元新用户优惠券，赶快去领取下单吧 >>>`,
|
|
|
+ 0: `采美平台送您${cell.couponAmount}元优惠券，众多大牌正品等着您，赶快去${linkMap[cell.type]}领取下单吧。`,
|
|
|
+ 1: `采美平台${cell.categoryType == 1 ? '产品' : '仪器'}类商品大优惠，特送您${cell.couponAmount}元优惠券，赶快去${linkMap[cell.type]}领取下单吧。`,
|
|
|
+ 2: `为了答谢您对采美平台的支持，采美送您${cell.couponAmount}元优惠券，赶快去${linkMap[cell.type]}领取下单吧。`,
|
|
|
+ 3: `【${cell.shopName}】赠送您${cell.couponAmount}元的店铺专属优惠券，众多火爆商品等您来！赶快去${linkMap[cell.type]}领取下单吧。>`,
|
|
|
+ 4: `恭喜成功注册采美平台，现赠送您${cell.couponAmount}元新用户优惠券，赶快去${linkMap[cell.type]}领取下单吧。`,
|
|
|
}
|
|
|
const map = {
|
|
|
1: copunMap[cell.couponType],
|
|
|
- 2: `您有${cell.couponAmount}元优惠券尚未领取，优惠券将于${cell.endTime}后下架，赶快去领取下单吧 >>>`,
|
|
|
- 3: `您有${cell.couponAmount}元优惠券将于${cell.endTime}过期，赶快去查看使用吧 >>>`,
|
|
|
+ 2: `您有${cell.couponAmount}元优惠券尚未领取，优惠券将于${cell.endTime}后下架，赶快去${linkMap[cell.type]}领取下单吧0`,
|
|
|
+ 3: `您有${cell.couponAmount}元优惠券将于${cell.endTime}过期，赶快去${linkMap[cell.type]}查看使用吧。`,
|
|
|
}
|
|
|
return map[cell.type]
|
|
|
},
|
|
|
+ noticeServeText(cell){//服务通知文案处理
|
|
|
+ console.log('服务通知文案处理');
|
|
|
+ },
|
|
|
handleClick(cell){
|
|
|
- console.log('cell',cell)
|
|
|
- switch (cell.type) {
|
|
|
+ console.log('cell',cell.noticeType);
|
|
|
+ let _self = this;
|
|
|
+ switch (cell.noticeType) {
|
|
|
case 1:
|
|
|
- if(cell.onlinePayFlag == 1){
|
|
|
- window.location.href = '/pay/caimei-payunder.html?orderId='+cell.orderId;
|
|
|
- }else{
|
|
|
- window.location.href = '/pay/caimei-paylist.html?orderId='+cell.orderId;
|
|
|
- }
|
|
|
+ _self.handleOrderClick(cell);
|
|
|
+ break
|
|
|
+ case 2:
|
|
|
+ _self.handleUsersClick(cell);
|
|
|
+ break
|
|
|
+ case 3:
|
|
|
+ _self.handleServeClick(cell);
|
|
|
+ break
|
|
|
+ case 4:
|
|
|
+ _self.handleCouponClick(cell);
|
|
|
+ break
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ handleOrderClick(cell){
|
|
|
+ const payLinkMap = {
|
|
|
+ 0:'/pay/caimei-paylist.html?orderId='+cell.orderId,
|
|
|
+ 1:'/pay/caimei-payunder.html?orderId='+cell.orderId,
|
|
|
+ }
|
|
|
+ const linkJumpMap = {
|
|
|
+ 1:payLinkMap[cell.onlinePayFlag],
|
|
|
+ 2:'/user/order/detail.html?orderId='+cell.orderId,
|
|
|
+ 3:'/user/order/detail.html?orderId='+cell.orderId,
|
|
|
+ 4:'/user/order/detail.html?orderId='+cell.orderId,
|
|
|
+ 5:'/user/order/logistics.html?orderId='+cell.orderId,
|
|
|
+ 6:'/user/order/detail.html?orderId='+cell.orderId
|
|
|
+ }
|
|
|
+ console.log('url',linkJumpMap[cell.type])
|
|
|
+ window.open(linkJumpMap[cell.type]);
|
|
|
+ },
|
|
|
+ handleUsersClick(cell){
|
|
|
+ console.log('账户通知跳转');
|
|
|
+ if(cell.type === 1 || cell.type === 5 || cell.type === 7){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const linkJumpMap = {
|
|
|
+ 2:'/user/member.html',
|
|
|
+ 3:'/user/member.html',
|
|
|
+ 4:'/user/member.html',
|
|
|
+ 6:'/user/setting/upgrade.html',
|
|
|
+ }
|
|
|
+ console.log('url',linkJumpMap[cell.type])
|
|
|
+ window.open(linkJumpMap[cell.type]);
|
|
|
+ },
|
|
|
+ handleServeClick(cell){
|
|
|
+ console.log('服务通知跳转');
|
|
|
+ },
|
|
|
+ handleCouponClick(cell){
|
|
|
+ console.log('优惠促销通知跳转');
|
|
|
+ const linkJumpMap = {
|
|
|
+ 1:`/user/coupon-collection.html`,
|
|
|
+ 2:`/user/coupon-collection.html`,
|
|
|
+ 3:`/user/coupon.html`,
|
|
|
+ }
|
|
|
+ console.log('url',linkJumpMap[cell.type])
|
|
|
+ window.open(linkJumpMap[cell.type]);
|
|
|
+ },
|
|
|
}
|
|
|
};
|
|
|
}();
|
