consultation-list.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. Vue.component('consultation-list', {
  2. template: `<ul class="consultation-list">
  3. <li class="consultation-list-item" @click="viewDetail(1)" v-for="(list,index) in chatList">
  4. <img class="con-avatar" :src="httpRequest.getImgUrl(list.patientPhoto)" alt="" onerror="onerror=null;src=\'../../../images/p-female.png\'" />
  5. <div class="con-user-info">
  6. <span class="con-status" :data-status="list.status" desc="0进行1结束"></span>
  7. <p><span class="con-user-name">{{list.patientName}}</span><span class="small con-time">{{list.czrq.substring(0,list.czrq.length-2)}}</span></p>
  8. <p class="user-problem">咨询问题:{{list.symptoms}}</p>
  9. </div>
  10. </li>
  11. </ul>`,
  12. data: function() {
  13. return {
  14. chatList: "",
  15. curPage:1
  16. }
  17. },
  18. props:["consultaData"],
  19. methods: {
  20. viewDetail: function(id) {
  21. top.layer.open({
  22. type: 2,
  23. maxmin: true,
  24. area: ['1000px', '600px'],
  25. shadeClose: true,
  26. content: 'ddd'
  27. });
  28. }
  29. },
  30. computed:{
  31. },
  32. watch:{
  33. consultaData:function(val){
  34. this.chatList=this.consultaData;
  35. }
  36. },
  37. mounted: function() {
  38. var divH = $("#tab-iframe",parent.document).height() - 75;
  39. $(".consultation-list").slimScroll({ height: divH,color: '#666'});
  40. // this.$emit('init-data', this.curPage);
  41. }
  42. })