修改md文件

src/components/Ele.vue

 <template>
-  <el-row class="tac" style="height: 100%;">
-    <el-col :span="5" style=" background: #13CE66; height: 100%; overflow-y: scroll;">
-      <el-menu default-active="2" class="el-menu-vertical-demo" @select="select">
-        <el-menu-item v-bind:index="index.toString()" v-for="(item, index) in items" v-bind:key="item"><i class="el-icon-menu"/>{{item.remarkName? item.remarkName:item.nickName}}</el-menu-item>
+  <el-row class="tac" style="height: 100%; width: 1000px; margin: 0 auto;">
+    <el-col :span="5" style=" background: #13CE66; height: 100%; position:relative;">
+      <div style="height: 100px;">我的信息</div>
+      <el-menu style="position: absolute; top: 100px; bottom: 0px; overflow-y: scroll; width: 100%;" default-active="-1" class="el-menu-vertical-demo" @select="select">
+        <el-menu-item v-bind:index="index.toString()" v-for="(item, index) in items" v-bind:key="index"><i class="el-icon-menu"/>{{item.remarkName? item.remarkName:item.nickName}}</el-menu-item>
       </el-menu>
     </el-col>
     <el-col :span="19" style="height: 100%; position: relative;">
@@ -12,12 +13,12 @@
       </div>
       <div style="bottom: 0px; height: 200px; background: #99A9BF; position: absolute; width: 100%;">
         <div style="width: 100%; height: 150px;">
-          <textarea style="width: 99%; height: 95%;">
+          <textarea style="width: 99%; height: 95%;" v-model="txAreaMsg">
 
           </textarea>
         </div>
         <div style="position: absolute; height: 50px; bottom: 0px; background: #13CE66; width: 100%; line-height: 50px; text-align: right;">
-          <el-button type="info" style="margin-right: 30px;">信息按钮</el-button>
+          <el-button type="info" style="margin-right: 30px;" @click="send">信息按钮</el-button>
         </div>
       </div>
     </el-col>
@@ -33,7 +34,9 @@
     data : function () {
       return {
         items : [],
-        title : ""
+        title : "",
+        activeIndex : -1,
+        txAreaMsg : "fafdadfas"
       }
     },
     mounted : function () {
@@ -42,10 +45,26 @@
         .then(response => {
             console.log(response)
             this.items = response.data})
+      setInterval(function () {
+        console.log("获取信息中。。。。")
+      }, 10000)
     },
     methods: {
       select(index) {
         this.title = this.items[index].nickName
+        this.activeIndex = index;
+      },
+      send() {
+        if (this.activeIndex == -1) {
+          alert("请选择要发送的对象！")
+          return
+        }
+        var contact = this.items[this.activeIndex]
+        axios.get('/back/sendMsg?name=' + contact.nickName + "&content=" + this.txAreaMsg)
+          .then(response => {
+            console.log(response.data)
+            })
+          alert("发送成功！" + this.items[this.activeIndex].nickName)
       }
     }
   }