消息详情

f464b267 · LJM · 076484ad · f464b267
Commit f464b267 authored Oct 10, 2022 by LJM
Showing with 36 additions and 22 deletions
src/views/News/index.vue
--- a/src/views/News/index.vue
+++ b/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-form-item label="消息类型" prop="msg_type">
-          <el-select v-model="formParam.msgType" placeholder="全部" clearable>
+          <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-form-item label="创建时间" prop="create_time">
-          <el-date-picker v-model="formParam.time" type="date" placeholder="选择日期"></el-date-picker>
+          <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="msg_sn" 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_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-dialog title="消息详情" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px">
-      <el-descriptions  size="medium" border>
+      <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
+          <template slot="label">大小</template>
-        </el-descriptions-item>
+          {{ msgDetail.size }}
-        <el-descriptions-item>
-          <template slot="label">附件 </template>XXX说明文档 （668 KB）
        </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: '',
+        msg_type: '',
-        time: ''
+        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;
+      this.getMsgDetail(row.id);
-      console.log(index, row);
    },
    onSubmit() {
      this.page = 1;