inleft
2022-02-15 91dc6cdda0548ff7f6e473a81933fa206d912cef
commit | author | age
9bcb19 1 <template>
I 2   <a-modal
3     title="文件信息详情"
4     :footer="null"
5     :width="900"
6     :visible="visible"
7     :confirmLoading="confirmLoading"
8     @cancel="handleCancel"
9   >
10     <a-spin :spinning="confirmLoading">
11       <a-form :form="form">
12         <a-form-item v-show="false">
13           <a-input v-decorator="['id']" />
14         </a-form-item>
15         <a-form-item
16           label="文件存储位置"
17           :labelCol="labelCol"
18           :wrapperCol="wrapperCol"
19         >
20           {{ fileDetail.fileLocation }}
21         </a-form-item>
22         <a-form-item
23           label="文件仓库"
24           :labelCol="labelCol"
25           :wrapperCol="wrapperCol"
26         >
27           {{ fileDetail.fileBucket }}
28         </a-form-item>
29         <a-form-item
30           :labelCol="labelCol"
31           :wrapperCol="wrapperCol"
32           label="文件名称"
33         >
34           {{ fileDetail.fileOriginName }}
35         </a-form-item>
36         <a-form-item
37           :labelCol="labelCol"
38           :wrapperCol="wrapperCol"
39           label="文件后缀"
40         >
41           {{ fileDetail.fileSuffix }}
42         </a-form-item>
43         <a-form-item
44           :labelCol="labelCol"
45           :wrapperCol="wrapperCol"
46           label="文件大小"
47         >
48           {{ fileDetail.fileSizeKb }}
49         </a-form-item>
50         <a-form-item
51           :labelCol="labelCol"
52           :wrapperCol="wrapperCol"
53           label="唯一标识"
54         >
55           {{ fileDetail.fileObjectName }}
56         </a-form-item>
57
58         <a-form-item
59           label="存储路径"
60           :labelCol="labelCol"
61           :wrapperCol="wrapperCol"
62         >
63           {{ fileDetail.filePath }}
64         </a-form-item>
65       </a-form>
66     </a-spin>
67   </a-modal>
68 </template>
69 <script>
70   export default {
71     data () {
72       return {
73         labelCol: {
74           xs: { span: 24 },
75           sm: { span: 8 }
76         },
77         wrapperCol: {
78           xs: { span: 24 },
79           sm: { span: 15 }
80         },
81         fileDetail: [],
82         visible: false,
83         confirmLoading: false,
84         form: this.$form.createForm(this)
85       }
86     },
87     methods: {
88       // 初始化方法
89       detail (record) {
90         this.fileDetail = record
91         this.visible = true
92       },
93       handleCancel () {
94         this.form.resetFields()
95         this.visible = false
96       }
97     }
98   }
99 </script>