Commit 661e25fd by 梁建民

css

parent c82f6320
......@@ -15,7 +15,7 @@
<div class="content">
<div class="user_info clr user_home">
<div class="fl info_detail boxsiz">
<img src="__PUBLIC__/images/test.jpg" alt="IC" class="fl info_logo">
<img src="__PUBLIC__/images/default.jpg" alt="IC" class="fl info_logo">
<div class="info_desc fl">
<p>Hi,</p>
<h3 class="ellipsis company">--</h3>
......@@ -31,15 +31,15 @@
</div>
<div class="fr price_info">
<div class="fl xj">
<p class="num xj_num">51116</p>
<p class="num xj_num">--</p>
<p class="num_desc">我的询价</p>
</div>
<div class="fl hf">
<p class="num hf_num">85111</p>
<p class="num hf_num">--</p>
<p class="num_desc">我的回复</p>
</div>
<div class="fl sp">
<p class="num sp_num">85110</p>
<p class="num sp_num">--</p>
<p class="num_desc">我的商品</p>
</div>
</div>
......
......@@ -2,90 +2,64 @@
<html lang="zh-CN">
<head>
<include file="public/header" />
<include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/notice.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content notice_content">
<div class="content">
<div class="content_div">
<div class="notice_left boxsiz">
<div class="notice_classify clr active">
<span class="icon iconfont iconjuxing1 fl"></span>
<span class="title fl">系统通知</span>
<span class="num fr">23</span>
</div>
<!-- <div class="notice_classify clr">
<span class="icon iconfont iconjuxing7 fl"></span>
<span class="title fl">业务通知</span>
<span class="num fr">23</span>
</div>-->
<div class="notice_classify clr">
<span class="icon iconfont iconjuxing19 fl"></span>
<span class="title fl">活动通知</span>
<span class="num fr">23</span>
</div>
<div class="wrapper">
<include file="public/navleft"/>
<div class="wrapper_right">
<include file="public/top"/>
<div class="right_content notice_content">
<div class="content">
<div class="content_div">
<div class="notice_left boxsiz">
<div class="notice_classify clr sysmsg active">
<span class="icon iconfont iconjuxing1 fl"></span>
<span class="title fl">系统通知</span>
<span class="num fr" style="display: none">0</span>
</div>
<div class="notice_right boxsiz">
<div id="page" class="page"></div>
<div class="notice_list">
<div class="notice_item clr">
<div class="item_right fr">
<p>2019-05-30 10:22</p>
</div>
<div class="item_left boxsiz">
<h3 class="bold">活动通知</h3>
<p>尊敬的会员,积分兑换1:80即将开始,请关注公众号推送通知</p>
</div>
</div>
<div class="notice_item clr">
<div class="item_right fr">
<p>2019-05-30 10:22</p>
</div>
<div class="item_left boxsiz">
<h3 class="bold">活动通知</h3>
<p>尊敬的会员,积分兑换1:80即将开始,请关注公众号推送通知</p>
</div>
</div>
</div>
<div class="notice_classify actmsg clr">
<span class="icon iconfont iconjuxing19 fl"></span>
<span class="title fl">活动通知</span>
<span class="num fr" style="display: none;">0</span>
</div>
</div>
<div class="notice_right boxsiz" id="notice"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<include file="public/foot"/>
<script src="__PUBLIC__/js/global/observer.js"></script>
<script src="__PUBLIC__/js/notice/index.js"></script>
<script type="text/html" id="msgHtml">
<div class="notice_list">
{{# layui.each(d, function(index, item){ }}
<div class="notice_item clr" data-status="{{item.status}}">
<div class="item_right fr">
<p>{{item.create_time}}</p>
</div>
<div class="item_left boxsiz">
<h3 class="bold">活动通知</h3>
{{item.content}}
</div>
</div>
{{# }); }}
{{# if(d.length === 0){ }}
<div class="no_data">
<img src="__PUBLIC__/images/msg.png" alt="">
<p class="bold">暂无消息通知</p>
</div>
{{# } }}
</div>
<include file="public/foot" />
<script>
layui.use('laypage', function () {
var laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号
,
count: 50 ,//数据总数,从服务端得到
theme:"#0D84D1"
});
});
</script>
{{# if(d.length > 0){ }}
<div id="pagination" class="page"></div>
{{# } }}
</script>
</body>
</html>
\ No newline at end of file
......@@ -849,3 +849,4 @@ body {
color: #ADB6BF;
cursor: pointer;
}
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
......@@ -95,5 +95,6 @@
}
.notice_content .content .content_div .notice_right .notice_list .notice_item .item_right {
color: #ADB6BF;
width: 112px;
width: 170px;
}
/*# sourceMappingURL=notice.css.map */
\ No newline at end of file
{"version":3,"sources":["notice.less"],"names":[],"mappings":"AAAA,eACI;EACI,kBAAA;;AAFR,eACI,SAGI;EACI,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;;AAVZ,eACI,SAGI,aAQI;EACI,YAAA;EACA,+BAAA;EACA,YAAA;EACA,kBAAA;;AAhBhB,eACI,SAGI,aAQI,aAMI;EACI,kBAAA;EACA,eAAA;EACA,gBAAA;;AAEA,eAtBhB,SAGI,aAQI,aAMI,iBAKK;AACD,eAvBhB,SAGI,aAQI,aAMI,iBAMK;EAKG,yCAAA;;AANJ,eAtBhB,SAGI,aAQI,aAMI,iBAKK,MAEG;AADJ,eAvBhB,SAGI,aAQI,aAMI,iBAMK,OACG;EACI,cAAA;;AA1B5B,eACI,SAGI,aAQI,aAMI,iBAcI;EACI,cAAA;EACA,eAAA;;AAlCxB,eACI,SAGI,aAQI,aAMI,iBAmBI;EACI,eAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;;AAzCxB,eACI,SAGI,aAQI,aAMI,iBA0BI;EACI,eAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;;AArDxB,eACI,SAGI,aAsDI;EACI,kBAAA;EACA,MAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;;AA/DhB,eACI,SAGI,aAsDI,cAMI;EACI,kBAAA;EACA,YAAA;EACA,WAAA;;AAnEpB,eACI,SAGI,aAsDI,cAYI;EACI,kBAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,cAAA;;AAEA,eA7EhB,SAGI,aAsDI,cAYI,aAQK;EACG,UAAA;;AA/ExB,eACI,SAGI,aAsDI,cAYI,aAYI;EACI,cAAA;EACA,eAAA;EACA,eAAA;EACA,aAAA;;AAEA,eAvFpB,SAGI,aAsDI,cAYI,aAYI,aAMK;EACG,yBAAA;;AAzF5B,eACI,SAGI,aAsDI,cAYI,aAYI,aAUI;EACI,mBAAA;EACA,mBAAA;;AA9F5B,eACI,SAGI,aAsDI,cAYI,aAYI,aAUI,WAII;EACI,eAAA;EACA,cAAA;;AAlGhC,eACI,SAGI,aAsDI,cAYI,aAYI,aAUI,WASI;EACI,cAAA;EACA,gBAAA;;AAvGhC,eACI,SAGI,aAsDI,cAYI,aAYI,aAyBI;EACI,cAAA;EACA,YAAA","file":"notice.css"}
\ No newline at end of file
......@@ -107,7 +107,7 @@
.item_right {
color: #ADB6BF;
width: 112px;
width: 170px;
}
}
......
......@@ -446,8 +446,8 @@ $(function () {
// open,登录;
var options = {
apiUrl: WebIM.config.apiURL,
user: '18271408717',
pwd: '123456',
user: user,
pwd: password,
appKey: WebIM.config.appkey
};
try {
......
......@@ -161,7 +161,19 @@
/**
* 批量上传商品列表
*/
uploadList: goods_url + '/goods/upload/list'
uploadList: goods_url + '/goods/upload/list',
/**
* 数量统计
*/
countBusiness: user_url + '/count/business',
/**
* 获取会员系统通知
*/
userSysmsg: user_url + '/user/sysmsg',
/**
* 获取会员活动通知
*/
userActmsg: user_url + '/user/actmsg'
};
if (typeof define === "function" && define.amd) {
return apis;
......
!function () {
window.NoticeController = {
token: Util.getCookie('token') || '',
init: function () {
this.created(this).mounted(this).render(this, {token: this.token, page: 1, limit: 10}, 1, apis.userSysmsg).handleBind(this);
},
created: function (opt, params, curr) {
return this;
},
mounted: function (opt) {
return this;
},
render: function (opt, params, curr, url) {
var getTpl = msgHtml.innerHTML;
IcController.getData(url, 'GET', params, function (res) {
if (res.errcode == 0) {
var data = null;
url == apis.userSysmsg ? data = res.data.sys_msg : data = res.data.act_msg;
//系统通知
if (res.data['sys_unread_msg'] > 0) {
$(".sysmsg").find(".num").text(res.data['sys_unread_msg']).show();
}
//活动通知
if (res.data['act_unread_msg'] > 0) {
$(".actmsg").find(".num").text(res.data['act_unread_msg']).show();
}
layui.laytpl(getTpl).render(data.data, function (html) {
$("#notice").empty().html(html);
layui.laypage.render({
elem: 'pagination',
theme: '#1080d0',
count: data.count,
limit: 10,
curr: curr,
jump: function (obj, first) {
if (!first) {
//分页回调调用
var json = {
page: obj.curr
};
var param = $.extend({}, params, json);
NoticeController.render(opt, param, obj.curr, url);
}
}
});
});
} else {
layer.msg(res.msg);
}
});
return this;
},
handleBind: function (opt) {
//切换系统通知
$(".notice_left").find(".notice_classify").on('click', function () {
var index = $(this).index();
$(this).addClass("active").siblings('.notice_classify').removeClass('active');
if (index == 0) {
opt.render(opt, {token: opt.token, page: 1, limit: 10}, 1, apis.userSysmsg);
} else if (index == 1) {
opt.render(opt, {token: opt.token, page: 1, limit: 10}, 1, apis.userActmsg);
}
});
return this;
},
}, $(function () {
NoticeController.init();
})
}();
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment