diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocuments.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocuments.vue
index 0ef8d4e..4638c34 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocuments.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocuments.vue
@@ -51,14 +51,15 @@
                 </a-tab-pane>
             </a-tabs>
         </a-spin>
-        <a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </div>
 </template>
 <script>
     import {Icon, Row, Col, Tabs, Spin, Empty} from 'ant-design-vue';
     import InterConfig from '../interConfig';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
+
 
     export default ({
         name: 'InstitutionalDocuments',
@@ -71,7 +72,7 @@
                 spinning: true,
                 listScroll: this.StaticParams.scrollOption,
                 prePageShow: false,
-                modalVisible: false,
+                fileDetailData: {},
                 fileIdArr: [],
             }
         },
@@ -83,6 +84,7 @@
             ATabs: Tabs,
             ASpin: Spin,
             ATabPane: Tabs.TabPane,
+            PreviewBox,
         },
         mounted() {
             this.tabChange()
@@ -192,7 +194,6 @@
                         }
                     })
                 } else if (item.file_info.file_type === 1) {
-                    this.modalVisible = true
                     let param = {
                         file_id: item.file_info.file_id,//文件夹id，第一层传0
                         org_id: this.BaseConfig.person_info_my.bureau_id,//机构id，必填
@@ -205,7 +206,10 @@
                         method: InterConfig.getFileDetail.method,
                         isTestLogin: InterConfig.getFileDetail.isTestLogin,
                     }], (result) => {
-                        console.log('机构文件详情-小', result)
+                        if (result[0].data.code === 2000) {
+                            this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                            PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                        }
                     })
                 }
             },
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocumentsLarge.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocumentsLarge.vue
index 5156a48..1df1d4d 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocumentsLarge.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/InstitutionalDocumentsLarge.vue
@@ -49,14 +49,14 @@
                 </a-tab-pane>
             </a-tabs>
         </a-spin>
-        <a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </div>
 </template>
 <script>
-    import {List, Icon, Modal, Row, Col, Tabs, Spin, Empty} from 'ant-design-vue';
+    import {Icon, Row, Col, Tabs, Spin, Empty} from 'ant-design-vue';
     import InterConfig from '../interConfig';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
 
     export default ({
         name: 'InstitutionalDocuments',
@@ -69,21 +69,19 @@
                 listScroll: this.StaticParams.scrollOption,
                 prePageShow: false,
                 fileIdArr: [],
-                modalVisible: false,
+                fileDetailData: {},
             }
         },
         props: [],
         components: {
             AIcon: Icon,
-            AList: List,
-            AListItem: List.Item,
             AEmpty: Empty,
             ARow: Row,
             ACol: Col,
             ATabs: Tabs,
             ASpin: Spin,
-            AModal: Modal,
             ATabPane: Tabs.TabPane,
+            PreviewBox,
         },
         mounted() {
             this.tabChange()
@@ -194,7 +192,6 @@
                         }
                     })
                 } else if (item.file_info.file_type === 1) {
-                    this.modalVisible = true
                     let param = {
                         file_id: item.file_info.file_id,//文件夹id，第一层传0
                         org_id: this.BaseConfig.person_info_my.bureau_id,//机构id，必填
@@ -207,7 +204,10 @@
                         method: InterConfig.getFileDetail.method,
                         isTestLogin: InterConfig.getFileDetail.isTestLogin,
                     }], (result) => {
-                        console.log('机构文件详情-大', result)
+                        if (result[0].data.code === 2000) {
+                            this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                            PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                        }
                     })
                 }
             },
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocument.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocument.vue
index 62f2d99..45fa315 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocument.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocument.vue
@@ -24,14 +24,14 @@
                 </a-row>
             </vue-scroll>
         </a-spin>
-        <a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </div>
 </template>
 <script>
-    import {Icon, Row, Col, Spin, Empty, Modal} from 'ant-design-vue';
+    import {Icon, Row, Col, Spin, Empty} from 'ant-design-vue';
     import InterConfig from '../interConfig';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
 
     export default ({
         name: 'personalDocuments',
@@ -44,7 +44,7 @@
                 listScroll: this.StaticParams.scrollOption,
                 preBtnShow: false,
                 parentIdArr: [],
-                modalVisible: false,
+                fileDetailData: {},
             }
         },
         components: {
@@ -53,7 +53,7 @@
             ARow: Row,
             ACol: Col,
             ASpin: Spin,
-            AModal: Modal,
+            PreviewBox,
         },
         mounted() {
             this.getPersonFilesFn()
@@ -75,7 +75,6 @@
                     method: InterConfig.getPersonFiles.method,
                     isTestLogin: InterConfig.getPersonFiles.isTestLogin,
                 }], (result) => {
-                    // console.log('个人文件', result[0].data.data.file_list)
                     this.dataSoures = result[0].data.data.file_list
                     this.spinning = false
                     if (this.dataSource.length === 0) {
@@ -109,7 +108,6 @@
                         }
                     })
                 } else if (item.file_type === 1) {
-                    this.modalVisible = true
                     let param = {
                         file_id: item.file_id,//文件夹id，第一层传0
                         org_id: this.BaseConfig.person_info_my.bureau_id,//机构id，必填
@@ -122,7 +120,10 @@
                         method: InterConfig.getFileDetail.method,
                         isTestLogin: InterConfig.getFileDetail.isTestLogin,
                     }], (result) => {
-                        console.log('个人文件详情-小', result)
+                        if (result[0].data.code === 2000) {
+                            this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                            PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                        }
                     })
                 }
             },
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocumentLarge.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocumentLarge.vue
index 194004a..eb54d68 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocumentLarge.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/personalDocumentLarge.vue
@@ -28,14 +28,14 @@
                 </vue-scroll>
             </div>
         </a-spin>
-        <a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </div>
 </template>
 <script>
-    import {List, Icon, Avatar, Row, Col, Tabs, Spin, Modal, Empty} from 'ant-design-vue';
+    import {Icon, Row, Col, Tabs, Spin, Empty} from 'ant-design-vue';
     import InterConfig from '../interConfig';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
 
     export default ({
         data() {
@@ -46,22 +46,19 @@
                 showPage: true,
                 detailShow: false,
                 showFilesItem: {},
-                modalVisible: false,
+                fileDetailData: {},
                 parentIdArr: [],
                 personFileDataEmpty: false,
             }
         },
         components: {
             AIcon: Icon,
-            AList: List,
-            AListItem: List.Item,
-            AAvatar: Avatar,
             ARow: Row,
             ACol: Col,
             ATabs: Tabs,
             ASpin: Spin,
             ATabPane: Tabs.TabPane,
-            AModal: Modal,
+            PreviewBox,
             AEmpty: Empty,
         },
         mounted() {
@@ -133,7 +130,10 @@
                         method: InterConfig.getFileDetail.method,
                         isTestLogin: InterConfig.getFileDetail.isTestLogin,
                     }], (result) => {
-                        console.log('个人文件详情-大', result)
+                        if (result[0].data.code === 2000) {
+                            this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                            PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                        }
                     })
                 }
             },
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocuments.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocuments.vue
index ad17e54..0828be6 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocuments.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocuments.vue
@@ -39,14 +39,14 @@
                 </a-tab-pane>
             </a-tabs>
         </div>
-        <a-modal v-model:visible="modalVisible" width="900px" title="查看详情" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </a-spin>
 </template>
 <script>
-    import {List, Icon, Row, Col, Tabs, Spin, Empty, Modal} from 'ant-design-vue';
+    import {Icon, Row, Col, Tabs, Spin, Empty, Modal} from 'ant-design-vue';
     import InterConfig from '../interConfig';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
 
     export default ({
         name: 'shareDocuments',
@@ -58,22 +58,20 @@
                 spinning: true,
                 dataSouresEmpty: false,
                 listScroll: this.StaticParams.scrollOption,
-                modalVisible: false,
                 tabsDataEmpty: false,
                 detailDataSoures: {},
+                fileDetailData: {},
             }
         },
         components: {
             AIcon: Icon,
-            AList: List,
-            AListItem: List.Item,
             AEmpty: Empty,
             ARow: Row,
             ACol: Col,
             ATabs: Tabs,
             ASpin: Spin,
             ATabPane: Tabs.TabPane,
-            AModal: Modal,
+            PreviewBox,
         },
         mounted() {
             this.tabChange()
@@ -144,7 +142,6 @@
             },
             //点击文件/文件夹显示详情
             showFiles(item) {
-                this.modalVisible = true
                 let param = {
                     file_id: item.file_id,//文件夹id，第一层传0
                     org_id: this.BaseConfig.person_info_my.bureau_id,//机构id，必填
@@ -157,7 +154,10 @@
                     method: InterConfig.getFileDetail.method,
                     isTestLogin: InterConfig.getFileDetail.isTestLogin,
                 }], (result) => {
-                    console.log('分享文件详情--小', result)
+                    if (result[0].data.code === 2000) {
+                        this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                        PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                    }
                 })
             },
         }
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocumentsLarge.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocumentsLarge.vue
index fb3be41..901427a 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocumentsLarge.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/electronicdDatabases/component/shareDocumentsLarge.vue
@@ -43,14 +43,14 @@
                 </a-tab-pane>
             </a-tabs>
         </a-spin>
-        <a-modal v-model:visible="modalVisible" width="900px" title="查看详情" :footer="null" centered>
-            qqqqqqqqqqqqqqqqqqqqqq
-        </a-modal>
+        <preview-box ref="previewBox"/>
     </div>
 </template>
 <script>
-    import {List, Icon, Row, Col, Tabs, Spin, Empty, Modal} from 'ant-design-vue';
+    import {Icon, Row, Col, Tabs, Spin, Empty,} from 'ant-design-vue';
     import InterConfig from '../interConfig.js';
+    import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
 
     export default ({
         name: 'shareDocuments',
@@ -62,20 +62,18 @@
                 spinning: true,
                 dataSouresEmpty: false,
                 listScroll: this.StaticParams.scrollOption,
-                modalVisible: false,
+                fileDetailData: {},
             }
         },
         components: {
             AIcon: Icon,
-            AList: List,
-            AListItem: List.Item,
             AEmpty: Empty,
             ARow: Row,
             ACol: Col,
             ATabs: Tabs,
             ASpin: Spin,
             ATabPane: Tabs.TabPane,
-            AModal: Modal,
+            PreviewBox,
         },
         mounted() {
             this.tabChange()
@@ -160,7 +158,10 @@
                     method: InterConfig.getFileDetail.method,
                     isTestLogin: InterConfig.getFileDetail.isTestLogin,
                 }], (result) => {
-                    console.log('分享文件详情--大', result)
+                    if (result[0].data.code === 2000) {
+                        this.fileDetailData = JSON.parse(result[0].data.data.attachment_json)
+                        PreviewManager.analysisPreview(this.fileDetailData, this.$refs.previewBox)
+                    }
                 })
             },
         }