inleft
2022-02-15 91dc6cdda0548ff7f6e473a81933fa206d912cef
commit | author | age
9bcb19 1 <template>
I 2   <a-modal
3     title="通知公告详情"
4     :width="1000"
5     :confirmLoading="confirmLoading"
6     :visible="visible"
7     :footer="null"
8     @cancel="handleCancel"
9   >
10     <a-spin :spinning="confirmLoading">
11
12       <div style="text-align: center;font-size: 30px">{{ this.contentRecord.title }}</div>
13       <br>
14       <div style="text-align: right;font-size: 10px">
15         <span>(发布人:{{ this.contentRecord.publicUserName }})</span>
16         <span>发布时间:{{ this.contentRecord.publicTime }} </span>
17       </div>
18       <a-divider style="margin-top: 5px"/>
19       <div >
20         <label v-html="this.contentRecord.content"></label>
21       </div>
22
23     </a-spin>
24   </a-modal>
25 </template>
26
27 <script>
28   import { sysNoticeDetail } from '@/api/modular/system/noticeManage'
29
30   export default {
31     name: 'DetailForm',
32     components: {
33     },
34
35     data () {
36       return {
37         visible: false,
38         confirmLoading: false,
39         contentRecord: ''
40       }
41     },
42
43     methods: {
44
45       // 初始化方法
46       detail (record) {
47         this.confirmLoading = false
48         this.visible = true
49         this.contentRecord = record
50       },
51
52       /**
53        * 查看详情
54        */
55       sysNoticeDetail (id) {
56         sysNoticeDetail({ id: id }).then((res) => {
57           this.confirmLoading = false
58           this.contentRecord = res.data
59         })
60       },
61
62       handleCancel () {
63         this.visible = false
64       }
65     }
66   }
67 </script>
68 <style>
69   .subButton{
70     float: right;
71   }
72   .subForm-item{
73     margin-bottom: 0px;
74   }
75 </style>