页面修改

fangyuan

2022-12-27 9ca0e9dc50759f4c00498e68c0155bcc3db2be2f

 src/views/cause/Group.vue

@@ -33,10 +33,12 @@
          <ul v-infinite-scroll="load" style="overflow:auto">
            <li v-for="messageOne in messageList" class="infinite-list-item">
              <div class="msglist">
                <img v-if="messageOne.pic!=null&&messageOne.pic!=''" class="face" :src="'http://172.35.1.173:19001/img/'+messageOne.pic">
                <img v-if="messageOne.pic==null||messageOne.pic==''" class="face" src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png">
                <div class="name">{{messageOne.userName}} {{messageOne.ctime}}</div>
                <div class="message">{{messageOne.text}}</div>
                <img v-if="messageOne.pic != null && messageOne.pic != ''" class="face"
                  :src="messageOne.pic">
                <img v-if="messageOne.pic == null || messageOne.pic == ''" class="face"
                  src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png">
                <div class="name">{{ messageOne.userName }} {{ messageOne.ctime }}</div>
                <div class="message">{{ messageOne.text }}</div>
              </div>
            </li>
          </ul>
@@ -127,6 +129,7 @@
  //saveSubject
} from '@/api/group'
import { Message } from 'element-ui';
import { getImgUrl } from '@/api/common'

export default {
  name: "Group",
@@ -184,11 +187,11 @@
          this.treeData[0].children = res;
        }
      )
      var params=window.location.href.split("id=")
      if(params.length!=1){
        var param={id:params[1]}
      var params = window.location.href.split("id=")
      if (params.length != 1) {
        var param = { id: params[1] }
        this.handleNodeClick(param)
        

      }
    },
    filterNode(value, data) {
@@ -201,7 +204,20 @@
    handleNodeClick(data) {
      if (data.id != null) {
        this.groupName = data.groupName;
        getAllMessage(data.id).then(res => this.messageList = res)
        var _this = this;
        getAllMessage(data.id).then((res) => {
          
          for (let item of res) {
            if (item.pic === '' || item.pic === null) {
            } else {
              getImgUrl(item.pic).then(res => {
                item.pic = res
              })
            }
          }
          this.messageList = res
          debugger
        })
        getAllNotice(data.id).then(res => this.groupAnList = res)
        getAllUser(data.id).then(res => this.tableData = res)
        this.groupId = data.id;
@@ -290,9 +306,10 @@
  margin-left: 2%;
}

.msglist{
margin-bottom: 3%;
.msglist {
  margin-bottom: 3%;
}

.face {
  float: left;
  width: 25px;
@@ -306,9 +323,11 @@
  color: #7F7F7F;
  font-size: 14px;
}
.message{

.message {
  margin-top: 2%;
}

.mian1 {
  margin-top: 20px;
}