消息记录搜索页面更新

@@ -17,52 +17,66 @@
                         </el-col>
                         </el-col>
                     </el-row>
                     </el-row>
                 </div>
                 </div>
-                <div :index="item.msgid+''" v-for="item in messageNote_page.messageNoteList" :key="item.msgid" style="margin-left: 30px;margin-top: 30px">
+                <div class="ft" :index="item.msgid+''" v-for="item in messageNote_page.messageNoteList" :key="item.msgid" style="margin-left: 30px;margin-top: 30px">
+                    <el-row style="min-height: 200px">
                         <el-row>
                         <el-row>
-                        <el-col :span="4">
+                            <el-col :span="7">
                                 <span>消息id：</span>
                                 <span>消息id：</span>
                                 <el-tag>{{item.msgid}}</el-tag>
                                 <el-tag>{{item.msgid}}</el-tag>
                             </el-col>
                             </el-col>
-                        <el-col :span="2">
+                            <el-col :span="8">
+                                <span>发送时间：</span>
+                                <el-tag>{{item.ddtm}}</el-tag>
+                            </el-col>
+
+                        </el-row>
+                        <el-row>
+                            <el-col :span="7">
                                 <span>发送人：</span>
                                 <span>发送人：</span>
                                 <el-tag>{{item.sndr}}</el-tag>
                                 <el-tag>{{item.sndr}}</el-tag>
                             </el-col>
                             </el-col>
-                        <el-col :span="1">
+                            <el-col :span="3">
                                 <span>消息大类：</span>
                                 <span>消息大类：</span>
                                 <el-tag type="success">{{item.btype}}</el-tag>
                                 <el-tag type="success">{{item.btype}}</el-tag>
                             </el-col>
                             </el-col>
-                        <el-col :span="1">
+                            <el-col :span="3">
                                 <span>消息子类：</span>
                                 <span>消息子类：</span>
                                 <el-tag type="success">{{item.stype}}</el-tag>
                                 <el-tag type="success">{{item.stype}}</el-tag>
                             </el-col>
                             </el-col>
-                        <el-col :span="2">
-                            <span>发送时间：</span>
-                            <el-tag>{{item.ddtm}}</el-tag>
-                        </el-col>
-                        <el-col :span="6">
+                            <el-col :span="4">
+                                <div>
                                     <span>路由接收者：</span>
                                     <span>路由接收者：</span>
+                                </div>
                                 <template  v-for="reciver  in item.rcvrs">
                                 <template  v-for="reciver  in item.rcvrs">
                                     <el-tag  type="danger">{{reciver.username}}</el-tag>
                                     <el-tag  type="danger">{{reciver.username}}</el-tag>
                                 </template>
                                 </template>
-
                             </el-col>
                             </el-col>
-                        <el-col :span="6">
-                            <span>消息接收者：</span>
+                            <el-col :span="4">
+                                <div>
+                                    <span >消息接收者：</span>
+                                </div>
                                 <template  v-for="logitem  in item.rcvlog">
                                 <template  v-for="logitem  in item.rcvlog">
                                     <el-tag  type="warning">{{logitem.username}} [{{logitem.rvtm}}]</el-tag>
                                     <el-tag  type="warning">{{logitem.username}} [{{logitem.rvtm}}]</el-tag>
                                 </template>
                                 </template>
-
                             </el-col>
                             </el-col>
+                        </el-row>
+                    </el-row>
+                    <div class="sun">
+                        <el-row>
                             <el-col :span="2">
                             <el-col :span="2">
                                 <el-button type="primary" @click="messageNote_toViewContentDialogDialog(item)" size="small">查看内容
                                 <el-button type="primary" @click="messageNote_toViewContentDialogDialog(item)" size="small">查看内容
                                 </el-button>
                                 </el-button>
                             </el-col>
                             </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col style="width: 90%" :span="22">
+                            <el-col style="width: 45%;margin-left: -10px" :span="14">
                                 <el-input v-model="item.msg" readonly type="textarea" :rows="3"></el-input>
                                 <el-input v-model="item.msg" readonly type="textarea" :rows="3"></el-input>
                             </el-col>
                             </el-col>
                         </el-row>
                         </el-row>
+                        <el-row>
+
+                        </el-row>
+                    </div>
+
+
                     <el-divider></el-divider>
                     <el-divider></el-divider>
                 </div>
                 </div>
 
 
@@ -203,7 +217,7 @@
                     if (res.code !== '200') {
                     if (res.code !== '200') {
                         // 关闭加载
                         // 关闭加载
                         _this.messageNote_loading.listLoading = false;
                         _this.messageNote_loading.listLoading = false;
-                        return _this.$message.error(res.msg);
+                        return _this.$message.error('获取消息收发记录，失败！');
                     }
                     }
                     // 获取列表数据
                     // 获取列表数据
                     _this.messageNote_page.messageNoteList = res.data.content;
                     _this.messageNote_page.messageNoteList = res.data.content;
@@ -247,5 +261,12 @@
 </script>
 </script>
 
 
 <style scoped>
 <style scoped>
-
+    .ft{
+        position: relative;
+    }
+    .sun{
+        position: absolute;
+        top:100px;
+        width: 100%;
+    }
 </style>
 </style>