Skip to content

施宇 / icsales

Go to a project
Commit b113195e by 施宇
Options

1213

parent 3dbf3c8c
Inline Side-by-side
Showing with 221 additions and 194 deletions
Application/Home/View/Chat/index.html
......@@ -69,58 +69,7 @@
</div>
</div>
<div class="chat_item_content">
<!-- <div class="chat_item active" id="18664936975">
<div class="title clr">
<div class="fr btn btn_border"><span
class="icon iconfont iconjuxing23"></span><i>18664936975</i></div>
<h3 class="bold boxsiz">18664936975</h3>
</div>
<div class="notice_list boxsiz">
<div class="notice_item_content">
<div class="notice_item left clr">
<img src="http://resic.liexin.com/images/test.jpg" alt=""
class="fl user_logo">
<div class="notice_content">
<div class="template lineBlock boxsiz">
<img src="http://resic.liexin.com/images/test.jpg" alt="">
<div class="template_right">
<div class="template_right_top clr">
<h3 class="bold fl ">
STM32F103ZE</h3>
<div class="price bold fr">¥67.9800</div>
</div>
<div class="template_right_bottom">
<div class="desc1 clr">
<div class="brand fl">品牌：<i>Texas
Instruments</i></div>
<div class="hq fl">货期：<i>
现货</i></div>
</div>
<div class="desc2 clr">
<div class="num fl">数量：<i class="bold">
100,000PCS</i></div>
<div class="time fl">时间：<i>
2019-05-23 15:57 </i></div>
</div>
</div>
</div>
</div>
<div>2019-06-25 14:18:09</div>
</div>
</div>
<div class="notice_item right clr"><img
src="http://resic.liexin.com/images/test.jpg" alt=""
class="fr user_logo">
<div class="notice_content">
<p>23213123</p>
<div>2019-06-25 14:18:15</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
......
Application/Home/View/QuotePrice/inquirydetail.html
......@@ -34,7 +34,7 @@
封装：<span>LQFP-144</span>
</div>
<div class="price fl boxsiz ellipsis "> 接受价：<span>无</span></div>
<div class="num fl boxsiz ellipsis"> 数量：<span class="bold">100,000 PCS</span></div>
<div class="num fl boxsiz ellipsis"> 数量：<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期：<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注：<span>有货的商家请尽快联系，谢谢！</span></div>
</div>
......@@ -111,9 +111,11 @@
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
</div>
<div class="num fl boxsiz ellipsis"> 数量：<span class="bold">100,000 PCS</span></div>
<div class="num fl boxsiz ellipsis"> 数量：<span class="bold">100,000 PCS</span>
</div>
<div class="hq fl boxsiz ellipsis"> 货期：<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注：<span>我们有大量的现货，随时都可以出库。我们有大量的现货，随时都可以出库。</span></div>
<div class="bz fl boxsiz ellipsis">
备注：<span>我们有大量的现货，随时都可以出库。我们有大量的现货，随时都可以出库。</span></div>
</div>
</div>
</div>
......@@ -131,8 +133,9 @@
</div>
<include file="public/foot" />
<script>
$('.gt_div ').on('click',function(){
window.location.href = '/chat?test=1'
$('.gt_div ').on('click', function () {
Util.setCookie('test', '1', 1)
window.location.href = '/chat'
})
</script>
</body>
......
dist/css/chat.css
......@@ -145,7 +145,7 @@
width: 20px;
}
.chat_content .content .content_div .notice_right .edit_content .edit_input {
height: 150px;
height: 100px;
padding: 10px;
}
.chat_content .content .content_div .notice_right .edit_content .edit_input .chat_textarea {
......@@ -177,7 +177,7 @@
top: 90px;
left: 0;
right: 0;
bottom: 210px;
bottom: 160px;
overflow: auto;
padding: 10px 20px;
}
......@@ -196,7 +196,33 @@
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content p {
background-color: #DFECFC;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template {
.chat_content .content .content_div .notice_right .notice_list .notice_item.right {
text-align: right;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right .notice_content {
margin-right: 60px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right .notice_content p {
background-color: #FCF2DF;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .user_logo {
height: 40px;
width: 40px;
border-radius: 50% 50%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content p {
display: inline-block;
font-size: 16px;
color: #515559;
padding: 10px 15px;
border-radius: 4px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content div {
font-size: 12px;
color: #ADB6BF;
padding: 10px 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template {
background-color: #F5F9FC;
border: 1px solid #E6ECF2;
border-radius: 4px;
......@@ -204,86 +230,60 @@
position: relative;
min-width: 520px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template img {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template img {
height: 80px;
width: 80px;
position: absolute;
top: 20px;
left: 20px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right {
padding: 0;
margin-left: 100px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_top {
padding: 0;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top h3 {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_top h3 {
color: #2E3033;
font-size: 20px;
padding-right: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top .price {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_top .price {
color: #EA1717;
padding: 0;
font-size: 20px;
text-align: right;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom {
padding: 0;
font-size: 14px;
text-align: left;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc1 {
padding: 0;
margin-top: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 div {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc1 div {
width: 60%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 div.hq {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc1 div.hq {
width: 40%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc2 {
padding: 0;
margin-top: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 div {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc2 div {
width: 60%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 div.time {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom .desc2 div.time {
width: 40%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom div {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom div {
color: #ADB6BF;
padding: 0;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom div i {
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom div i {
color: #515559;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right {
text-align: right;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right .notice_content {
margin-right: 60px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right .notice_content p {
background-color: #FCF2DF;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .user_logo {
height: 40px;
width: 40px;
border-radius: 50% 50%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content p {
display: inline-block;
font-size: 16px;
color: #515559;
padding: 10px 15px;
border-radius: 4px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content div {
font-size: 12px;
color: #ADB6BF;
padding: 10px 15px;
}
/*# sourceMappingURL=chat.css.map */
\ No newline at end of file
dist/css/chat.less
......@@ -177,7 +177,7 @@
}
.edit_input {
height: 150px;
height: 100px;
padding: 10px;
.chat_textarea {
......@@ -217,7 +217,7 @@
top: 90px;
left: 0;
right: 0;
bottom: 210px;
bottom: 160px;
overflow: auto;
padding: 10px 20px;
......@@ -228,6 +228,7 @@
.notice_item {
margin-top: 20px;
&.left {
text-align: left;
......@@ -239,78 +240,7 @@
}
.template {
background-color: #F5F9FC;
border: 1px solid #E6ECF2;
border-radius: 4px;
padding: 20px;
position: relative;
min-width: 520px;
img {
height: 80px;
width: 80px;
position: absolute;
top: 20px;
left: 20px;
}
.template_right {
padding: 0;
margin-left: 100px;
.template_right_top {
padding: 0;
h3 {
color: #2E3033;
font-size: 20px;
padding-right:15px;
}
.price {
color: #EA1717;
padding: 0;
font-size: 20px;
text-align: right;
}
}
.template_right_bottom {
padding: 0;
font-size: 14px;
.desc1 {
padding: 0;
margin-top: 15px;
div{
width:60%;
&.hq{
width:40%;
}
}
}
.desc2 {
padding: 0;
margin-top: 15px;
div{
width:60%;
&.time{
width:40%;
}
}
}
div {
color: #ADB6BF;
padding: 0;
i {
color: #515559
}
}
}
}
}
}
}
......@@ -348,12 +278,92 @@
font-size: 12px;
color: #ADB6BF;
padding: 10px 15px;
}
.template {
background-color: #F5F9FC;
border: 1px solid #E6ECF2;
border-radius: 4px;
padding: 20px;
position: relative;
min-width: 520px;
img {
height: 80px;
width: 80px;
position: absolute;
top: 20px;
left: 20px;
}
.template_right {
padding: 0;
margin-left: 100px;
.template_right_top {
padding: 0;
h3 {
color: #2E3033;
font-size: 20px;
padding-right: 15px;
}
.price {
color: #EA1717;
padding: 0;
font-size: 20px;
text-align: right;
}
}
.template_right_bottom {
padding: 0;
font-size: 14px;
text-align: left;
.desc1 {
padding: 0;
margin-top: 15px;
div {
width: 60%;
&.hq {
width: 40%;
}
}
}
.desc2 {
padding: 0;
margin-top: 15px;
div {
width: 60%;
&.time {
width: 40%;
}
}
}
div {
color: #ADB6BF;
padding: 0;
i {
color: #515559
}
}
}
}
}
}
}
}
......
dist/js/chat/index.js
$(function () {
var chatObj = {
conn: {},
orgName: "1113190618181018",
appName: "icsales",
init: function () {
this.ieFun()
this.connection();
this.connListen();
this.login();
this.bindFunction();
var data = JSON.stringify({
"grant_type": "client_credentials",
"client_id": "YXA6UWJlUJGNEemA0XUSlr6mDA",
"client_secret": "YXA6n8pckF065e7FPtukjJHAoa-4G74"
},)
$.ajax({
type: 'post',
url: 'http://a1.easemob.com/1113190618181018/icsales/token',
data:data,
contentType:"application/json",
success: function (data) {
var token = data.access_token;
$.ajax({
type: 'get',
url: 'http://a1.easemob.com/1113190618181018/icsales/chatmessages/2019062513',
headers:{
Authorization:'Bearer '+token
},
success: function (data) {
console.log(data)
},
error: function () {
layer.msg('网络出现问题，请重试！');
}
});
},
error: function () {
layer.msg('网络出现问题，请重试！');
}
});
},
defaultUser: function () {
//默认客服
......@@ -18,19 +53,44 @@ $(function () {
},
singleChat: function () {
var type = Util.getRequest('test');
if (type == 1) {
var type = Util.getCookie('test');
if (type) {
var id = '18589050841';
var message = {
from: "18589050841",
data: ''
};
var content = '<div class="template lineBlock boxsiz">' +
'<img src="http://resic.liexin.com/images/test.jpg" alt="">' +
'<div class="template_right">' +
'<div class="template_right_top clr">' +
'<h3 class="bold fl">STM32F103ZE</h3>' +
'<div class="price bold fr">¥67.9800</div>' +
'</div>' +
'<div class="template_right_bottom">' +
'<div class="desc1 clr">' +
'<div class="brand fl">品牌：<i>TexasInstruments</i></div>' +
'<div class="hq fl">货期：<i> 现货</i></div>' +
'</div>' +
'<div class="desc2 clr">' +
'<div class="num fl">数量：<i class="bold">100,000PCS</i></div>' +
'<div class="time fl">时间：<i>2019-05-23 15:57 </i></div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
this.receiveData(1, message);
$(".notice_classify[userid=" + id + "]").click();
this.sendPrivateText('1')
this.sendPrivateText(content, {
test: 1
});
Util.delCookie('test');
}
},
connection: function () {
//建立聊天链接
......@@ -147,16 +207,22 @@ $(function () {
'</div>'
}
},
messageHtml: function (leftOrRight, html) {
messageHtml: function (leftOrRight, html, obj) {
//右边消息的dom拼接
if (leftOrRight == 1) { //右边
if (html) {
var htmlp = ''
if (obj.test) {
htmlp = html;
} else {
htmlp = '<p>' + html + '</p>'
}
return '<div class="notice_item right clr">' +
'<img src="' + dist + '/images/test.jpg" alt="" class="fr user_logo">' +
'<div class="notice_content">' +
'<p>' +
html +
'</p>' +
// '<p>' +
htmlp +
// '</p>' +
'<div>' + this.curentTime() + '</div>' +
'</div>'
} else {
......@@ -213,7 +279,7 @@ $(function () {
'</div>' +
'<div class="notice_list boxsiz">' +
'<div class="notice_item_content">' +
self.messageHtml(2, htmlStr) +
self.messageHtml(2, htmlStr, {}) +
'</div>' +
'</div>' +
'</div>';
......@@ -236,7 +302,7 @@ $(function () {
//当前用户
$(this).html(self.userHtml(0, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(self.messageHtml(2,
htmlStr));
htmlStr, {}));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
......@@ -246,7 +312,7 @@ $(function () {
var num = Number($(this).find('.num').text());
$(this).html(self.userHtml(num + 1, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(self.messageHtml(2,
htmlStr));
htmlStr, {}));
}
return false;
......@@ -328,7 +394,7 @@ $(function () {
}
},
sendPrivateText: function (content) {
sendPrivateText: function (content, obj) {
var self = this;
// 私聊发送文本消息，发送表情同发送文本消息，只是会在对方客户端将表情文本进行解析成图片;
var userId = $('.notice_left ').find('.active').attr('userid');
......@@ -341,7 +407,7 @@ $(function () {
roomType: false,
success: function (id, serverMsgId) {
$('#' + userId).find('.notice_item_content').append(self.messageHtml(1,
emojiMessage));
emojiMessage, obj));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
......@@ -377,7 +443,7 @@ $(function () {
success: function () {
var htmlStr = '<img src ="' + file.url + '" class="edit_img"/>';
$('#' + userId).find('.notice_item_content').append(self.messageHtml(1,
htmlStr));
htmlStr, {}));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
......@@ -402,7 +468,7 @@ $(function () {
e.preventDefault();
}
if (val) {
self.sendPrivateText(val)
self.sendPrivateText(val, {})
}
}
});
......
dist/js/global/global.min.js
......@@ -83,12 +83,12 @@ $ })
* @param domain
* @returns {boolean}
*/
setCookie: function (name, value, time, domain) {
domain = domain ? ";domain=" + domain : "";
setCookie: function (name, value, time) {
// domain = domain ? ";domain=" + domain : "";
var Days = time;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ";path=/" + domain;
document.cookie = name + "=" + value + ";expires=" + exp.toGMTString();
return true;
},
/**
......
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