Skip to content

O
office-web
Commit fb9fef13 by 无尘
Options

fix:修改聊天记录

parent a1647021
Showing with 61 additions and 22 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.24cbe086f79c9e245a09b3249d14d8fd.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.d15b756a7a722edd50b2.js></script><script type=text/javascript src=./static/js/vendor.edfe69b49db0b6363a08.js></script><script type=text/javascript src=./static/js/app.ce90fbf8f9be10c7c537.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.7113844b54d0bcd1c3e3e93446eb1d59.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.cd02d9699e68334a6697.js></script><script type=text/javascript src=./static/js/vendor.edfe69b49db0b6363a08.js></script><script type=text/javascript src=./static/js/app.ce90fbf8f9be10c7c537.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.24cbe086f79c9e245a09b3249d14d8fd.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.7113844b54d0bcd1c3e3e93446eb1d59.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.ef61f65f6bb4c557c789.js → dist/static/js/0.f568f322ad02cd296193.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.d15b756a7a722edd50b2.js → dist/static/js/manifest.cd02d9699e68334a6697.js
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={82:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"ef61f65f6bb4c557c789",1:"0ebe3ead93207dc78a78",2:"d3c62c00c91d9891f916",3:"a43577b9e52a5719a124",4:"1acc2c4a7bb860e0e47d",5:"baa22d481d8bbd83425c",6:"a9e21ac53fc1057bdb02",7:"8f462a353a2ce9c0c116",8:"02a56d5a1c19341c7206",9:"860dbe8cf83334f9e3c0",10:"a2aa031ae677b8acbf17",11:"e34a64dea1b7a059dcfd",12:"bdcf26a1bcccf7e0239b",13:"6c87f5cefdf77374932d",14:"8a2d85b6cc3b95b868d9",15:"8426665237a3b321c3e0",16:"c4ebe5ae46670e5c0754",17:"43a28ed857836d70649f",18:"da89c6419effe11ad50c",19:"bb83681e388a0b07f240",20:"f2c4b24780f832941cf4",21:"c29952477e255e5f2429",22:"e17d69da2370932a7713",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"a579fe9e82eab9ece806",26:"8f0bb144b5e757399727",27:"b5f0e5bd5920771b58af",28:"140ad99228544036c969",29:"36261093da9264fa5f33",30:"0d4999d53befa8fd9eaa",31:"8baa6bca929d1c9a38f6",32:"836f4d0e323c721473e9",33:"7b62b2ff369669fe322c",34:"f9d53c31059aaff9b360",35:"c75699cc6fe47597f200",36:"031f3a5aae4656aba067",37:"8016d3ac07df8acaf73d",38:"23b83bd7920693bc35c6",39:"d17e2c61f3cc8d6972fa",40:"56797b378549955e7f19",41:"78d64ae1581e8ea232cc",42:"61ae052e4f4fc3284000",43:"9d05f4d2f06b9c6bba0e",44:"96d0b6e88fc87f60bac7",45:"9ed8480e1b598c7a098d",46:"98fb716c1e5a99ebdcf8",47:"de0e290ed4c878d0c8c3",48:"6d564387f233c08c800d",49:"057719749403ae33178b",50:"331006123edd2049b7d9",51:"244dc6f576a64b7c174b",52:"43d3ca00e0c9087e4956",53:"9dce74b07cc47cdf56db",54:"1503b643475934e2b5e1",55:"c423570fcbf037d349d9",56:"94bbfa32e0086c5f0bbc",57:"a5308ec502fd9436e4d8",58:"78fea9e14de750887bf1",59:"e232c753f68c56d9e59c",60:"2a9bebb0261ef9a7a939",61:"8833a156f1e38036fb28",62:"44d1241f8d57451d0c10",63:"25cb3ac91e9616a47dde",64:"ebc341a9017c4b2c1112",65:"afcb60484e7a9ec39f28",66:"0c2656f4decfecb59972",67:"d7e3675c4b4931db738d",68:"13404d9aa7a460952885",69:"ff1445c96fd757245229",70:"3720d31e136a7f99a873",71:"458af30d30795059cdbe",72:"cba3aa56f0a846445e33",73:"dc84bab89c2090b47673",74:"a9dae9c87c825ba65aa1",75:"29e0d3d537fd9fa5eabc",76:"e24f155e1168c927ee44",77:"9f7ea81c191a5e1bbaa2",78:"51dbc832d510b2a1c0a3",81:"b70a353b3c794793e525"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={82:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"f568f322ad02cd296193",1:"0ebe3ead93207dc78a78",2:"d3c62c00c91d9891f916",3:"a43577b9e52a5719a124",4:"1acc2c4a7bb860e0e47d",5:"baa22d481d8bbd83425c",6:"a9e21ac53fc1057bdb02",7:"8f462a353a2ce9c0c116",8:"02a56d5a1c19341c7206",9:"860dbe8cf83334f9e3c0",10:"a2aa031ae677b8acbf17",11:"e34a64dea1b7a059dcfd",12:"bdcf26a1bcccf7e0239b",13:"6c87f5cefdf77374932d",14:"8a2d85b6cc3b95b868d9",15:"8426665237a3b321c3e0",16:"c4ebe5ae46670e5c0754",17:"43a28ed857836d70649f",18:"da89c6419effe11ad50c",19:"bb83681e388a0b07f240",20:"f2c4b24780f832941cf4",21:"c29952477e255e5f2429",22:"e17d69da2370932a7713",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"a579fe9e82eab9ece806",26:"8f0bb144b5e757399727",27:"b5f0e5bd5920771b58af",28:"140ad99228544036c969",29:"36261093da9264fa5f33",30:"0d4999d53befa8fd9eaa",31:"8baa6bca929d1c9a38f6",32:"836f4d0e323c721473e9",33:"7b62b2ff369669fe322c",34:"f9d53c31059aaff9b360",35:"c75699cc6fe47597f200",36:"031f3a5aae4656aba067",37:"8016d3ac07df8acaf73d",38:"23b83bd7920693bc35c6",39:"d17e2c61f3cc8d6972fa",40:"56797b378549955e7f19",41:"78d64ae1581e8ea232cc",42:"61ae052e4f4fc3284000",43:"9d05f4d2f06b9c6bba0e",44:"96d0b6e88fc87f60bac7",45:"9ed8480e1b598c7a098d",46:"98fb716c1e5a99ebdcf8",47:"de0e290ed4c878d0c8c3",48:"6d564387f233c08c800d",49:"057719749403ae33178b",50:"331006123edd2049b7d9",51:"244dc6f576a64b7c174b",52:"43d3ca00e0c9087e4956",53:"9dce74b07cc47cdf56db",54:"1503b643475934e2b5e1",55:"c423570fcbf037d349d9",56:"94bbfa32e0086c5f0bbc",57:"a5308ec502fd9436e4d8",58:"78fea9e14de750887bf1",59:"e232c753f68c56d9e59c",60:"2a9bebb0261ef9a7a939",61:"8833a156f1e38036fb28",62:"44d1241f8d57451d0c10",63:"25cb3ac91e9616a47dde",64:"ebc341a9017c4b2c1112",65:"afcb60484e7a9ec39f28",66:"0c2656f4decfecb59972",67:"d7e3675c4b4931db738d",68:"13404d9aa7a460952885",69:"ff1445c96fd757245229",70:"3720d31e136a7f99a873",71:"458af30d30795059cdbe",72:"cba3aa56f0a846445e33",73:"dc84bab89c2090b47673",74:"a9dae9c87c825ba65aa1",75:"29e0d3d537fd9fa5eabc",76:"e24f155e1168c927ee44",77:"9f7ea81c191a5e1bbaa2",78:"51dbc832d510b2a1c0a3",81:"b70a353b3c794793e525"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/components/app/chat-log-list.vue
<!-- <!--
* @Descripttion: 当前组件信息
* @version: 1.0.0
* @Author: 无尘
* @Date: 2019-09-19 10:44:47
* @LastEditors: 无尘
* @LastEditTime: 2019-09-25 13:46:05
-->
<!--
<chat-log-list :brandId="brandId" :itemRow="itemRow" :showFlag='showFlag' @hideDetail="hideDetail"></chat-log-list> <chat-log-list :brandId="brandId" :itemRow="itemRow" :showFlag='showFlag' @hideDetail="hideDetail"></chat-log-list>
import chatLogList from '@/components/app/chat-log-list.vue'; import chatLogList from '@/components/app/chat-log-list.vue';
components: { components: {
...@@ -15,13 +23,15 @@ components: { ...@@ -15,13 +23,15 @@ components: {
</div> </div>
<ul class="chat-log-list border-box" v-infinite-scroll="load"> <ul class="chat-log-list border-box" v-infinite-scroll="load">
<li v-for="(item, index) in chatDetailData" class="infinite-list-item" :key="index"> <li v-for="(item, index) in chatDetailData" class="infinite-list-item" :key="index">
<div v-if="item.type == 1" class="chat-list-cell flex"> <div v-if="item.type == 0" class="chat-list-cell flex">
<div class="chat-list-cell_img"><img :src="item.headPic" alt="" /></div> <div class="chat-list-cell_img"><img :src="item.headPic" alt="" /></div>
<div class="chat-list-right flex flex-column flex-space-between"> <div class="chat-list-right flex flex-column flex-space-between">
<div class="chat-list-user font-12 color-909399"> <div class="chat-list-user font-12 color-909399">
<span>{{ item.name }} </span> <span>{{ item.createTime | formatTimeYmdHms }}</span> <span>{{ item.name }} </span> <span>{{ item.createTime | formatTimeYmdHms }}</span>
</div> </div>
<div class="chat-list-msg font-14 color-303133"></div> <div class="chat-list-msg font-14 color-303133 m-t-3">
{{ item.content }}
</div>
</div> </div>
</div> </div>
<div v-if="item.type == 1" class="chat-list-cell flex"> <div v-if="item.type == 1" class="chat-list-cell flex">
...@@ -74,7 +84,8 @@ export default { ...@@ -74,7 +84,8 @@ export default {
chatDetailData: [], chatDetailData: [],
pageSize: 20, pageSize: 20,
pageNum: 1, pageNum: 1,
total: 0 total: 0,
currentRow: this.itemRow
}; };
}, },
methods: { methods: {
...@@ -86,33 +97,31 @@ export default { ...@@ -86,33 +97,31 @@ export default {
that.chatDetailData = []; that.chatDetailData = [];
that.pageNum = 1; that.pageNum = 1;
that.total = 0; that.total = 0;
that.currentRow = {};
that.$emit('hideDetail'); that.$emit('hideDetail');
}, },
load() { load() {
const that = this; const that = this;
if (that.chatDetailData.length == that.total) { that.getData(that.chatDetailData[that.chatDetailData.length - 1].userMessageId);
return false;
}
that.getData(that.chatDetailData[that.chatDetailData.length - 1].userId);
}, },
/** /**
* 获取消息详情 * 获取消息详情
*/ */
getData(obj) { getData(userMessageId) {
const that = this; const that = this;
let para = { let para = {
brandId: that.brandId, brandId: that.brandId,
size: that.pageSize, size: that.pageSize,
messageId: obj.messageId, messageId: that.currentRow.messageId,
userMessageId: obj.userMessageId, userMessageId: userMessageId,
userId: obj.userId userId: that.currentRow.userId
}; };
postRequest('/haoban-app-member-web/customer/find_message_detail', para) postRequest('/haoban-app-member-web/customer/find_message_detail', para)
.then(res => { .then(res => {
let resData = res.data; let resData = res.data;
if (resData.errorCode == 1) { if (resData.errorCode == 1) {
if (resData.result.list && resData.result.list.length) { if (resData.result && resData.result.length) {
resData.result.list.forEach(ele => { resData.result.forEach(ele => {
that.chatDetailData.push(ele); that.chatDetailData.push(ele);
}); });
} else { } else {
...@@ -135,7 +144,6 @@ export default { ...@@ -135,7 +144,6 @@ export default {
const that = this; const that = this;
if (!!newData) { if (!!newData) {
that.activeBrand = newData; that.activeBrand = newData;
that.getData();
} }
}, },
activeGroupId: function(newData, oldData) { activeGroupId: function(newData, oldData) {
...@@ -153,6 +161,7 @@ export default { ...@@ -153,6 +161,7 @@ export default {
itemRow: function(newData, oldData) { itemRow: function(newData, oldData) {
const that = this; const that = this;
if (Object.keys(newData).length) { if (Object.keys(newData).length) {
that.currentRow = newData;
that.getData(newData); that.getData(newData);
} }
} }
...@@ -160,12 +169,16 @@ export default { ...@@ -160,12 +169,16 @@ export default {
mounted() { mounted() {
const that = this; const that = this;
if (Object.keys(that.itemRow).length) { if (Object.keys(that.itemRow).length) {
that.currentRow = that.itemRow;
that.getData(that.itemRow); that.getData(that.itemRow);
} }
} }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.m-t-3 {
margin-top: 3px;
}
.chat-log-detail { .chat-log-detail {
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -213,12 +226,19 @@ export default { ...@@ -213,12 +226,19 @@ export default {
} }
.chat-log-list { .chat-log-list {
height: calc(100vh - 50px); height: calc(100vh - 50px);
padding: 0 10px 0 12px; padding: 8px 10px 0 12px;
overflow-y: auto;
overflow-x: hidden;
li { li {
margin-bottom: 40px; margin-bottom: 40px;
.chat-list-cell { .chat-list-cell {
.chat-list-right {
padding-left: 3px;
}
.chat-list-cell_img { .chat-list-cell_img {
width: 36px; width: 36px;
min-width: 36px;
max-width: 36px;
height: 36px; height: 36px;
border-radius: 50%; border-radius: 50%;
img { img {
......
src/components/app/chat-log.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-09-18 15:25:12 * @Date: 2019-09-18 15:25:12
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2019-09-25 10:35:23 * @LastEditTime: 2019-09-25 13:43:09
--> -->
<!-- <!--
<chat-log :brandId="brandId"></chat-log> <chat-log :brandId="brandId"></chat-log>
...@@ -192,13 +192,13 @@ export default { ...@@ -192,13 +192,13 @@ export default {
toInput: _debounce(function(e, value) { toInput: _debounce(function(e, value) {
const that = this; const that = this;
that.currentPage = 1; that.currentPage = 1;
that.getTableList(that.brandId); that.getTableList();
}, 500), }, 500),
// 搜索清除 // 搜索清除
clearInput() { clearInput() {
const that = this; const that = this;
that.currentPage = 1; that.currentPage = 1;
that.getTableList(that.brandId); that.getTableList();
}, },
/** /**
* 选择日期 * 选择日期
...@@ -234,6 +234,25 @@ export default { ...@@ -234,6 +234,25 @@ export default {
that.conditionObj.storeGroup = group; that.conditionObj.storeGroup = group;
that.getTableList(); that.getTableList();
}, },
/**
* 分页---页码变化
*/
handleSizeChange(val) {
const that = this;
that.pageSize = val;
that.getTableList();
},
/**
* 分页---当前页变化
*/
handleCurrentChange(val) {
const that = this;
that.currentPage = val;
that.getTableList();
},
/** /**
* 显示详情 * 显示详情
*/ */
......
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 to comment