消息详情

src/views/News/index.vue

@@ -2,15 +2,15 @@
   <section class="store pagex">
     <div class="store-con">
       <el-form :inline="true" :model="formParam" ref="formParam">
-        <el-form-item label="消息类型" prop="msgType">
-          <el-select v-model="formParam.msgType" placeholder="全部" clearable>
+        <el-form-item label="消息类型" prop="msg_type">
+          <el-select v-model="formParam.msg_type" placeholder="全部" clearable>
             <el-option label="全部" value=""></el-option>
             <el-option label="已选中报价消息" value="1"></el-option>
             <el-option label="已成单消息" value="2"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="创建时间" prop="time">
-          <el-date-picker v-model="formParam.time" type="date" placeholder="选择日期"></el-date-picker>
+        <el-form-item label="创建时间" prop="create_time">
+          <el-date-picker v-model="formParam.create_time" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onSubmit">搜索</el-button>
@@ -19,8 +19,8 @@
       </el-form>
       <div class="data-box">
         <el-table :data="list" border max-height="600">
-          <el-table-column prop="goods_name" label="消息编号" :show-overflow-tooltip="true"></el-table-column>
-          <el-table-column prop="brand_name" label="消息类型" :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column prop="msg_sn" label="消息编号" :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column prop="msg_type" label="消息类型" :show-overflow-tooltip="true"></el-table-column>
           <el-table-column prop="create_time" label="创建时间" width="160" :show-overflow-tooltip="true"></el-table-column>
           <el-table-column label="操作" width="120" align="center">
             <template slot-scope="scope">
@@ -32,32 +32,33 @@
       </div>
     </div>
     <Menu/>
-    <el-dialog title="消息详情" :column="2" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px">
-      <el-descriptions  size="medium" border>
+    <el-dialog title="消息详情" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px">
+      <el-descriptions size="medium" border :column="2">
         <el-descriptions-item>
-          <template slot="label">发件人</template>zgj@ichunt.com
+          <template slot="label">发件人</template>
+          {{ msgDetail.sender }}
         </el-descriptions-item>
         <el-descriptions-item>
-          <template slot="label">收件人 </template>tl@ichunt.com
+          <template slot="label">收件人</template>
+          {{ msgDetail.recipient }}
         </el-descriptions-item>
         <el-descriptions-item>
-          <template slot="label">时间 </template>2022-07-04
+          <template slot="label">时间</template>
+          {{ msgDetail.create_time }}
         </el-descriptions-item>
         <el-descriptions-item>
-          <template slot="label">大小 </template>998B
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">附件 </template>XXX说明文档 （668 KB）
+          <template slot="label">大小</template>
+          {{ msgDetail.size }}
         </el-descriptions-item>
       </el-descriptions>
-      <p style="margin-top: 10px;">青春是一个短暂的美梦, 当你醒来时, 它早已消失无踪,少量的邪恶足以抵消全部高贵的品质, 害得人声名狼藉,头上一片晴天，心中一个想念，为了无法计算的价值，饿了别叫妈, 叫饿了么，设置分割线文案的位置	</p>
+      <p style="margin-top: 10px;">{{ msgDetail.content }}</p>
     </el-dialog>
   </section>
 </template>
 <script>
 import Vue from 'vue';
 import Menu from "@/components/menu.vue";
-import {Divider,Descriptions,DescriptionsItem,Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
+import {Autocomplete, Button, DatePicker, Descriptions, DescriptionsItem, Dialog, Divider, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
 
 Vue.prototype.$message = Message
 Vue.prototype.$confirm = MessageBox.confirm;
@@ -73,9 +74,10 @@ export default {
       limit: 10,
       list: [],
       dialogVisible: false,
+      msgDetail: {},
       formParam: {
-        msgType: '',
-        time: ''
+        msg_type: '',
+        create_time: ''
       }
     };
   },
@@ -85,7 +87,7 @@ export default {
   methods: {
     getData() {
       var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formParam);
-      this.$http('GET', "/api/bestgoods/getBestGoodsList", params).then(res => {
+      this.$http('GET', "/api/message/getMsgList", params).then(res => {
         if (res.code === 0) {
           this.list = res.data.list || [];
           this.total = Number(res.data.count) || 0;
@@ -97,9 +99,21 @@ export default {
         }
       })
     },
+    getMsgDetail(msg_id) {
+      this.$http('GET', "/api/message/getMsgDetail", {msg_id: msg_id}).then(res => {
+        if (res.code === 0) {
+          this.msgDetail = res.data;
+          this.dialogVisible = true;
+        } else {
+          this.$message({
+            message: res.msg,
+            type: 'error'
+          });
+        }
+      })
+    },
     viewChange(index, row) {
-      this.dialogVisible=true;
-      console.log(index, row);
+      this.getMsgDetail(row.id);
     },
     onSubmit() {
       this.page = 1;