Skip to content

O
office-web
Commit 181e2a93 by 无尘
Options

fix: 修改聊天记录显示

parent d112f5a0
Showing with 47 additions and 13 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.872b11ccec743116ce795c7766235e29.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.f126e2835bfaf80ddae6.js></script><script type=text/javascript src=./static/js/vendor.edfe69b49db0b6363a08.js></script><script type=text/javascript src=./static/js/app.29a73ee84ce77bd09823.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.3bf189d0be096c148a236b0e8982686e.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.7afd06518c4cfb8adda5.js></script><script type=text/javascript src=./static/js/vendor.edfe69b49db0b6363a08.js></script><script type=text/javascript src=./static/js/app.29a73ee84ce77bd09823.js></script></body></html>
\ No newline at end of file
dist/static/css/app.3bf189d0be096c148a236b0e8982686e.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.872b11ccec743116ce795c7766235e29.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.3696757d05d9ad7825a2.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.fa507f6c1087aafdfa82.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.f126e2835bfaf80ddae6.js → dist/static/js/manifest.7afd06518c4cfb8adda5.js
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(f,b,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],a[t]&&u.push(a[t][0]),a[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(f,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var f={},a={82:0};function d(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,d),a.l=!0,a.exports}d.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,d){c=a[e]=[f,d]});c[2]=f;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:"fa507f6c1087aafdfa82",1:"fe9dec1f31b04053fd7e",2:"8395d509643f9050abf2",3:"a6ed24739d348fdb0720",4:"bb1e76ff09fd35ac7977",5:"45c2de5cc6177f0c2c94",6:"6bb130a0a076b4731fb8",7:"d1e90f61da5d9a61970b",8:"f1c9fb5c9212483138d8",9:"93700fe8139e670391cb",10:"ebbed2d956a1376f014a",11:"5ff8e6bfa5229f0cc4a5",12:"0fa9e20f2bdacbcea112",13:"9e506d54cdba12c2e790",14:"2418ce50b68a710ea982",15:"f5c123ee9d3b568ec3ab",16:"7baf4f32fc538710e826",17:"7871abe213e0b8ed1de0",18:"89913c82f78b337cbaae",19:"9ddbd7c11c6044177c23",20:"f16230f4c8ec98d9b1cf",21:"a5179fb200817e04c3d4",22:"8797d6dd1dc244338e63",23:"9efbbc6dd315a676ce09",24:"3ae82214b65939d3d2e0",25:"7fb3c35f8744d169948f",26:"6edcfae9732c7cc8dc3e",27:"f9eb8425e9bc9c62cc23",28:"140ad99228544036c969",29:"917a8e756aeaf2086d1c",30:"744556205cec828a76ea",31:"d81ddf1fefcc1d3a47a7",32:"f16a9c1d7d41282b0c79",33:"fb15c42c766ddc6cc1be",34:"7ce5b9bc76c9f4edd546",35:"35b567009e4ba9a5816b",36:"fec31c60594287a3e052",37:"4fb3a95cbffb8a1ffc07",38:"7da020455236ec9cc0e6",39:"15d26bb7dbb61687ff18",40:"eee91e60652d480f2f07",41:"b49ca24a7f2842610cd5",42:"0e58ab95080bcc4df5cf",43:"4046191fdd891ae5f85a",44:"7551d839084cf2a421ea",45:"5e37827888b66626cf85",46:"72b62e14ef88e73c8722",47:"b46b54529745d9b83a23",48:"4327d27183217fc3efcd",49:"89f7e6818cad5f518362",50:"5dd6553b73a0c68d6c32",51:"f4890fcbb5225ce39528",52:"f75812b6be04556a8914",53:"691b37ea66a7d1045f01",54:"6fcfa7c3e0c269d06e47",55:"d9617fb11eb15186b28e",56:"b89876f59d4e4966e655",57:"281970fcbb06c8d23158",58:"3f72f09028b158b7f7ac",59:"fb07a55acf1bc63162ad",60:"d5656c812ecc4a3ebf19",61:"0c43a88e30632bd3a3aa",62:"518a8e08f0bc605416ae",63:"08e2efb5c655dddc9d6f",64:"c92b9cd27e5d1b51280b",65:"647689488ac42762cd8a",66:"b0337efe66bc49dab26a",67:"8ec5c06ff870186a6459",68:"bad812977f20be800fbd",69:"043a9ff888724ef485e5",70:"ba1dca067cd9ca2181b7",71:"74c8ed41b4c317f93b41",72:"23018d5b885323795371",73:"749c430a694d4f9d4c17",74:"1c7b042a899c0dff465f",75:"291656b59e1107466939",76:"68785c01c3049bfb66cd",77:"a7085591a8256fc5abef",78:"e0c61a4d30aa1232772c",81:"b70a353b3c794793e525"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),f},d.m=e,d.c=f,d.d=function(e,c,f){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},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
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(f,b,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],a[t]&&u.push(a[t][0]),a[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(f,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var f={},a={82:0};function d(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,d),a.l=!0,a.exports}d.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,d){c=a[e]=[f,d]});c[2]=f;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:"3696757d05d9ad7825a2",1:"fe9dec1f31b04053fd7e",2:"8395d509643f9050abf2",3:"a6ed24739d348fdb0720",4:"bb1e76ff09fd35ac7977",5:"45c2de5cc6177f0c2c94",6:"6bb130a0a076b4731fb8",7:"d1e90f61da5d9a61970b",8:"f1c9fb5c9212483138d8",9:"93700fe8139e670391cb",10:"ebbed2d956a1376f014a",11:"5ff8e6bfa5229f0cc4a5",12:"0fa9e20f2bdacbcea112",13:"9e506d54cdba12c2e790",14:"2418ce50b68a710ea982",15:"f5c123ee9d3b568ec3ab",16:"7baf4f32fc538710e826",17:"7871abe213e0b8ed1de0",18:"89913c82f78b337cbaae",19:"9ddbd7c11c6044177c23",20:"f16230f4c8ec98d9b1cf",21:"a5179fb200817e04c3d4",22:"8797d6dd1dc244338e63",23:"9efbbc6dd315a676ce09",24:"3ae82214b65939d3d2e0",25:"7fb3c35f8744d169948f",26:"6edcfae9732c7cc8dc3e",27:"f9eb8425e9bc9c62cc23",28:"140ad99228544036c969",29:"917a8e756aeaf2086d1c",30:"744556205cec828a76ea",31:"d81ddf1fefcc1d3a47a7",32:"f16a9c1d7d41282b0c79",33:"fb15c42c766ddc6cc1be",34:"7ce5b9bc76c9f4edd546",35:"35b567009e4ba9a5816b",36:"fec31c60594287a3e052",37:"4fb3a95cbffb8a1ffc07",38:"7da020455236ec9cc0e6",39:"15d26bb7dbb61687ff18",40:"eee91e60652d480f2f07",41:"b49ca24a7f2842610cd5",42:"0e58ab95080bcc4df5cf",43:"4046191fdd891ae5f85a",44:"7551d839084cf2a421ea",45:"5e37827888b66626cf85",46:"72b62e14ef88e73c8722",47:"b46b54529745d9b83a23",48:"4327d27183217fc3efcd",49:"89f7e6818cad5f518362",50:"5dd6553b73a0c68d6c32",51:"f4890fcbb5225ce39528",52:"f75812b6be04556a8914",53:"691b37ea66a7d1045f01",54:"6fcfa7c3e0c269d06e47",55:"d9617fb11eb15186b28e",56:"b89876f59d4e4966e655",57:"281970fcbb06c8d23158",58:"3f72f09028b158b7f7ac",59:"fb07a55acf1bc63162ad",60:"d5656c812ecc4a3ebf19",61:"0c43a88e30632bd3a3aa",62:"518a8e08f0bc605416ae",63:"08e2efb5c655dddc9d6f",64:"c92b9cd27e5d1b51280b",65:"647689488ac42762cd8a",66:"b0337efe66bc49dab26a",67:"8ec5c06ff870186a6459",68:"bad812977f20be800fbd",69:"043a9ff888724ef485e5",70:"ba1dca067cd9ca2181b7",71:"74c8ed41b4c317f93b41",72:"23018d5b885323795371",73:"749c430a694d4f9d4c17",74:"1c7b042a899c0dff465f",75:"291656b59e1107466939",76:"68785c01c3049bfb66cd",77:"a7085591a8256fc5abef",78:"e0c61a4d30aa1232772c",81:"b70a353b3c794793e525"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),f},d.m=e,d.c=f,d.d=function(e,c,f){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},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
src/components/app/chat-log-list.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-09-19 10:44:47
* @LastEditors: 无尘
* @LastEditTime: 2019-09-25 17:33:39
* @LastEditTime: 2019-09-26 16:23:14
-->
<!--
<chat-log-list :brandId="brandId" :itemRow="itemRow" :showFlag='showFlag' @hideDetail="hideDetail"></chat-log-list>
......@@ -25,23 +25,29 @@ components: {
<li v-for="(item, index) in chatDetailData" class="infinite-list-item" :key="index">
<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-right flex flex-column flex-space-between">
<div class="chat-list-right p-l-3 flex flex-column flex-space-between">
<div class="chat-list-user font-12 color-909399">
<span>{{ item.name }} </span> <span>{{ item.createTime | formatTimeYmdHms }}</span>
</div>
<div class="chat-list-msg font-14 color-303133 m-t-3">
{{ item.content }}
<div v-if="item.msgType == 'image'" class="img"><img class="w-100" :src="item.content" alt="" /></div>
<div v-if="item.msgType == 'text'" class="text">{{ item.content }}</div>
<div v-if="item.msgType == 'wechat_news' || item.msgType == 'wechat_app'" class="no-consist">收到一条图文消息，请在手机上查看</div>
</div>
</div>
</div>
<div v-if="item.type == 1" class="chat-list-cell flex">
<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-user font-12 color-909399">
<div v-if="item.type == 1" class="chat-list-cell flex flex-end">
<div class="chat-list-right p-r-3 flex flex-column flex-space-between">
<div class="chat-list-user font-12 color-909399 text-right ">
<span>{{ item.name }} </span> <span>{{ item.createTime | formatTimeYmdHms }}</span>
</div>
<div class="chat-list-msg font-14 color-303133"></div>
<div class="chat-list-msg font-14 color-303133 text-right ">
<div v-if="item.msgType == 'image'" class="img"><img class="w-100" :src="item.content" alt="" /></div>
<div v-if="item.msgType == 'text'" class="text">{{ item.content }}</div>
<div v-if="item.msgType == 'wechat_news' || item.msgType == 'wechat_app'" class="no-consist">收到一条图文消息，请在手机上查看</div>
</div>
</div>
<div class="chat-list-cell_img"><img :src="item.headPic" alt="" /></div>
</div>
</li>
</ul>
......@@ -185,6 +191,15 @@ export default {
.m-t-3 {
margin-top: 3px;
}
.p-l-3 {
padding-left: 3px;
}
.p-r-3 {
padding-right: 3px;
}
.w-100 {
width: 100px;
}
.chat-log-detail {
position: fixed;
top: 0;
......@@ -238,8 +253,17 @@ export default {
li {
margin-bottom: 40px;
.chat-list-cell {
text-overflow: ellipsis;
overflow: hidden;
.chat-list-right {
padding-left: 3px;
.chat-list-msg {
word-break: break-all;
}
.chat-list-user {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.chat-list-cell_img {
width: 36px;
......@@ -253,6 +277,16 @@ export default {
border-radius: 50%;
}
}
&.flex-end {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
.chat-list-user {
padding-right: 8px;
}
}
}
}
}
......
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