11

WXL

2024-08-14 0ac2d43fce4d74f6eea5a51a2e16af4e6a536c7c

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<template>
  <div v-loading.fullscreen.lock="fullscreenLoading">
    <el-dialog
      :close-on-click-modal="false"
      :title="title"
      :visible.sync="isShow"
      width="800px"
      style="height: 800px"
      append-to-body
      :before-close="handleClose"
    >
      <div class="dialog-class">
        <div>{{ messagecontent }}</div>
        <div style="float: right; height: 100px;margin-top: 40px;">
          <span>{{ "审核人："+ senduserName}}</span>
          <div>{{ "审核时间："+sendTime }}</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="isShow = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
 
<script>
import { listSystemmessage } from "@/api/project/message";
export default {
  data() {
    return {
      isShow: false,
      fullscreenLoading: false,
      title: "",
      messagecontent: "",
      senduserName:"",
      sendTime:"",
    };
  },
  methods: {
    init(id) {
      this.isShow = true;
      this.GetMessage(id);
    },
    GetMessage(id) {
      this.fullscreenLoading = true;
      listSystemmessage(id)
        .then((res) => {
          if (res.data != null) {
            this.title = res.data.messagetitle;
            this.messagecontent = res.data.messagecontent;
            this.senduserName=res.data.sendusername;
            this.sendTime=res.data.createTime;
            
          }
          console.log(res);
        })
        .catch((error) => {
          this.$message.error(error);
        })
        .finally(() => {
          this.fullscreenLoading = false;
        });
    },
    handleClose() {},
  },
};
</script>
 
<style>
.dialog-class {
  height: calc(100vh - 264px);
  overflow: auto;
  font-size: 15px;
  padding: 20px;
}
</style>