作者 小范

消息记录搜索页面更新

@@ -17,52 +17,66 @@ @@ -17,52 +17,66 @@
17 </el-col> 17 </el-col>
18 </el-row> 18 </el-row>
19 </div> 19 </div>
20 - <div :index="item.msgid+''" v-for="item in messageNote_page.messageNoteList" :key="item.msgid" style="margin-left: 30px;margin-top: 30px">  
21 - <el-row>  
22 - <el-col :span="4">  
23 - <span>消息id:</span>  
24 - <el-tag>{{item.msgid}}</el-tag>  
25 - </el-col>  
26 - <el-col :span="2">  
27 - <span>发送人:</span>  
28 - <el-tag>{{item.sndr}}</el-tag>  
29 - </el-col>  
30 - <el-col :span="1">  
31 - <span>消息大类:</span>  
32 - <el-tag type="success">{{item.btype}}</el-tag>  
33 - </el-col>  
34 - <el-col :span="1">  
35 - <span>消息子类:</span>  
36 - <el-tag type="success">{{item.stype}}</el-tag>  
37 - </el-col>  
38 - <el-col :span="2">  
39 - <span>发送时间:</span>  
40 - <el-tag>{{item.ddtm}}</el-tag>  
41 - </el-col>  
42 - <el-col :span="6">  
43 - <span>路由接收者:</span>  
44 - <template v-for="reciver in item.rcvrs">  
45 - <el-tag type="danger">{{reciver.username}}</el-tag>  
46 - </template> 20 + <div class="ft" :index="item.msgid+''" v-for="item in messageNote_page.messageNoteList" :key="item.msgid" style="margin-left: 30px;margin-top: 30px">
  21 + <el-row style="min-height: 200px">
  22 + <el-row>
  23 + <el-col :span="7">
  24 + <span>消息id:</span>
  25 + <el-tag>{{item.msgid}}</el-tag>
  26 + </el-col>
  27 + <el-col :span="8">
  28 + <span>发送时间:</span>
  29 + <el-tag>{{item.ddtm}}</el-tag>
  30 + </el-col>
47 31
48 - </el-col>  
49 - <el-col :span="6">  
50 - <span>消息接收者:</span>  
51 - <template v-for="logitem in item.rcvlog">  
52 - <el-tag type="warning">{{logitem.username}} [{{logitem.rvtm}}]</el-tag>  
53 - </template>  
54 -  
55 - </el-col>  
56 - <el-col :span="2">  
57 - <el-button type="primary" @click="messageNote_toViewContentDialogDialog(item)" size="small">查看内容  
58 - </el-button>  
59 - </el-col>  
60 - </el-row>  
61 - <el-row>  
62 - <el-col style="width: 90%" :span="22">  
63 - <el-input v-model="item.msg" readonly type="textarea" :rows="3"></el-input>  
64 - </el-col> 32 + </el-row>
  33 + <el-row>
  34 + <el-col :span="7">
  35 + <span>发送人:</span>
  36 + <el-tag>{{item.sndr}}</el-tag>
  37 + </el-col>
  38 + <el-col :span="3">
  39 + <span>消息大类:</span>
  40 + <el-tag type="success">{{item.btype}}</el-tag>
  41 + </el-col>
  42 + <el-col :span="3">
  43 + <span>消息子类:</span>
  44 + <el-tag type="success">{{item.stype}}</el-tag>
  45 + </el-col>
  46 + <el-col :span="4">
  47 + <div>
  48 + <span>路由接收者:</span>
  49 + </div>
  50 + <template v-for="reciver in item.rcvrs">
  51 + <el-tag type="danger">{{reciver.username}}</el-tag>
  52 + </template>
  53 + </el-col>
  54 + <el-col :span="4">
  55 + <div>
  56 + <span >消息接收者:</span>
  57 + </div>
  58 + <template v-for="logitem in item.rcvlog">
  59 + <el-tag type="warning">{{logitem.username}} [{{logitem.rvtm}}]</el-tag>
  60 + </template>
  61 + </el-col>
  62 + </el-row>
65 </el-row> 63 </el-row>
  64 + <div class="sun">
  65 + <el-row>
  66 + <el-col :span="2">
  67 + <el-button type="primary" @click="messageNote_toViewContentDialogDialog(item)" size="small">查看内容
  68 + </el-button>
  69 + </el-col>
  70 + <el-col style="width: 45%;margin-left: -10px" :span="14">
  71 + <el-input v-model="item.msg" readonly type="textarea" :rows="3"></el-input>
  72 + </el-col>
  73 + </el-row>
  74 + <el-row>
  75 +
  76 + </el-row>
  77 + </div>
  78 +
  79 +
66 <el-divider></el-divider> 80 <el-divider></el-divider>
67 </div> 81 </div>
68 82
@@ -203,7 +217,7 @@ @@ -203,7 +217,7 @@
203 if (res.code !== '200') { 217 if (res.code !== '200') {
204 // 关闭加载 218 // 关闭加载
205 _this.messageNote_loading.listLoading = false; 219 _this.messageNote_loading.listLoading = false;
206 - return _this.$message.error(res.msg); 220 + return _this.$message.error('获取消息收发记录,失败!');
207 } 221 }
208 // 获取列表数据 222 // 获取列表数据
209 _this.messageNote_page.messageNoteList = res.data.content; 223 _this.messageNote_page.messageNoteList = res.data.content;
@@ -247,5 +261,12 @@ @@ -247,5 +261,12 @@
247 </script> 261 </script>
248 262
249 <style scoped> 263 <style scoped>
250 - 264 + .ft{
  265 + position: relative;
  266 + }
  267 + .sun{
  268 + position: absolute;
  269 + top:100px;
  270 + width: 100%;
  271 + }
251 </style> 272 </style>