inleft
2022-02-17 4d51af31b49927bf401e432138d584f9ef40ef22
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       <div style="text-align: center;font-size: 30px">{{ this.contentRecord.title }}</div>
12       <br>
13       <div style="text-align: right;font-size: 10px">
14         <span>(发布人:{{ this.contentRecord.publicUserName }})</span>
15         <span>发布时间:{{ this.contentRecord.publicTime }} </span>
16       </div>
17       <a-divider style="margin-top: 5px"/>
18       <div >
19         <label v-html="this.contentRecord.content"></label>
20       </div>
21     </a-spin>
22   </a-modal>
23 </template>
24 <script>
25   import { sysNoticeDetail } from '@/api/modular/system/noticeManage'
26
27   export default {
28     name: 'DetailForm',
29     components: {
30     },
31     data () {
32       return {
33         visible: false,
34         confirmLoading: false,
35         contentRecord: {}
36       }
37     },
38     methods: {
39       // 初始化方法
40       detail (record) {
41         this.confirmLoading = true
42         this.visible = true
43         this.sysNoticeDetail(record.id)
44       },
45       /**
46        * 查看详情
47        */
48       sysNoticeDetail (id) {
49         sysNoticeDetail({ id: id }).then((res) => {
50           this.confirmLoading = false
51           this.contentRecord = res.data
52         })
53       },
54       handleCancel () {
55         this.visible = false
56         this.contentRecord = {}
57       }
58     }
59   }
60 </script>