电子资料库详情页完成

init
zhusiyu 3 years ago
parent 8cdd9285c5
commit 957c7f84c0

@ -51,14 +51,15 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-spin> </a-spin>
<a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</div> </div>
</template> </template>
<script> <script>
import {Icon, 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 InterConfig from '../interConfig';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
name: 'InstitutionalDocuments', name: 'InstitutionalDocuments',
@ -71,7 +72,7 @@
spinning: true, spinning: true,
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
prePageShow: false, prePageShow: false,
modalVisible: false, fileDetailData: {},
fileIdArr: [], fileIdArr: [],
} }
}, },
@ -83,6 +84,7 @@
ATabs: Tabs, ATabs: Tabs,
ASpin: Spin, ASpin: Spin,
ATabPane: Tabs.TabPane, ATabPane: Tabs.TabPane,
PreviewBox,
}, },
mounted() { mounted() {
this.tabChange() this.tabChange()
@ -192,7 +194,6 @@
} }
}) })
} else if (item.file_info.file_type === 1) { } else if (item.file_info.file_type === 1) {
this.modalVisible = true
let param = { let param = {
file_id: item.file_info.file_id,//id0 file_id: item.file_info.file_id,//id0
org_id: this.BaseConfig.person_info_my.bureau_id,//id org_id: this.BaseConfig.person_info_my.bureau_id,//id
@ -205,7 +206,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
} }
}, },

@ -49,14 +49,14 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-spin> </a-spin>
<a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</div> </div>
</template> </template>
<script> <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 InterConfig from '../interConfig';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
name: 'InstitutionalDocuments', name: 'InstitutionalDocuments',
@ -69,21 +69,19 @@
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
prePageShow: false, prePageShow: false,
fileIdArr: [], fileIdArr: [],
modalVisible: false, fileDetailData: {},
} }
}, },
props: [], props: [],
components: { components: {
AIcon: Icon, AIcon: Icon,
AList: List,
AListItem: List.Item,
AEmpty: Empty, AEmpty: Empty,
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ATabs: Tabs, ATabs: Tabs,
ASpin: Spin, ASpin: Spin,
AModal: Modal,
ATabPane: Tabs.TabPane, ATabPane: Tabs.TabPane,
PreviewBox,
}, },
mounted() { mounted() {
this.tabChange() this.tabChange()
@ -194,7 +192,6 @@
} }
}) })
} else if (item.file_info.file_type === 1) { } else if (item.file_info.file_type === 1) {
this.modalVisible = true
let param = { let param = {
file_id: item.file_info.file_id,//id0 file_id: item.file_info.file_id,//id0
org_id: this.BaseConfig.person_info_my.bureau_id,//id org_id: this.BaseConfig.person_info_my.bureau_id,//id
@ -207,7 +204,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
} }
}, },

@ -24,14 +24,14 @@
</a-row> </a-row>
</vue-scroll> </vue-scroll>
</a-spin> </a-spin>
<a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</div> </div>
</template> </template>
<script> <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 InterConfig from '../interConfig';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
name: 'personalDocuments', name: 'personalDocuments',
@ -44,7 +44,7 @@
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
preBtnShow: false, preBtnShow: false,
parentIdArr: [], parentIdArr: [],
modalVisible: false, fileDetailData: {},
} }
}, },
components: { components: {
@ -53,7 +53,7 @@
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ASpin: Spin, ASpin: Spin,
AModal: Modal, PreviewBox,
}, },
mounted() { mounted() {
this.getPersonFilesFn() this.getPersonFilesFn()
@ -75,7 +75,6 @@
method: InterConfig.getPersonFiles.method, method: InterConfig.getPersonFiles.method,
isTestLogin: InterConfig.getPersonFiles.isTestLogin, isTestLogin: InterConfig.getPersonFiles.isTestLogin,
}], (result) => { }], (result) => {
// console.log('', result[0].data.data.file_list)
this.dataSoures = result[0].data.data.file_list this.dataSoures = result[0].data.data.file_list
this.spinning = false this.spinning = false
if (this.dataSource.length === 0) { if (this.dataSource.length === 0) {
@ -109,7 +108,6 @@
} }
}) })
} else if (item.file_type === 1) { } else if (item.file_type === 1) {
this.modalVisible = true
let param = { let param = {
file_id: item.file_id,//id0 file_id: item.file_id,//id0
org_id: this.BaseConfig.person_info_my.bureau_id,//id org_id: this.BaseConfig.person_info_my.bureau_id,//id
@ -122,7 +120,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
} }
}, },

@ -28,14 +28,14 @@
</vue-scroll> </vue-scroll>
</div> </div>
</a-spin> </a-spin>
<a-modal v-model:visible="modalVisible" width="700px" title="查看单据" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</div> </div>
</template> </template>
<script> <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 InterConfig from '../interConfig';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
data() { data() {
@ -46,22 +46,19 @@
showPage: true, showPage: true,
detailShow: false, detailShow: false,
showFilesItem: {}, showFilesItem: {},
modalVisible: false, fileDetailData: {},
parentIdArr: [], parentIdArr: [],
personFileDataEmpty: false, personFileDataEmpty: false,
} }
}, },
components: { components: {
AIcon: Icon, AIcon: Icon,
AList: List,
AListItem: List.Item,
AAvatar: Avatar,
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ATabs: Tabs, ATabs: Tabs,
ASpin: Spin, ASpin: Spin,
ATabPane: Tabs.TabPane, ATabPane: Tabs.TabPane,
AModal: Modal, PreviewBox,
AEmpty: Empty, AEmpty: Empty,
}, },
mounted() { mounted() {
@ -133,7 +130,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
} }
}, },

@ -39,14 +39,14 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
<a-modal v-model:visible="modalVisible" width="900px" title="查看详情" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</a-spin> </a-spin>
</template> </template>
<script> <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 InterConfig from '../interConfig';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
name: 'shareDocuments', name: 'shareDocuments',
@ -58,22 +58,20 @@
spinning: true, spinning: true,
dataSouresEmpty: false, dataSouresEmpty: false,
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
modalVisible: false,
tabsDataEmpty: false, tabsDataEmpty: false,
detailDataSoures: {}, detailDataSoures: {},
fileDetailData: {},
} }
}, },
components: { components: {
AIcon: Icon, AIcon: Icon,
AList: List,
AListItem: List.Item,
AEmpty: Empty, AEmpty: Empty,
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ATabs: Tabs, ATabs: Tabs,
ASpin: Spin, ASpin: Spin,
ATabPane: Tabs.TabPane, ATabPane: Tabs.TabPane,
AModal: Modal, PreviewBox,
}, },
mounted() { mounted() {
this.tabChange() this.tabChange()
@ -144,7 +142,6 @@
}, },
/// ///
showFiles(item) { showFiles(item) {
this.modalVisible = true
let param = { let param = {
file_id: item.file_id,//id0 file_id: item.file_id,//id0
org_id: this.BaseConfig.person_info_my.bureau_id,//id org_id: this.BaseConfig.person_info_my.bureau_id,//id
@ -157,7 +154,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
}, },
} }

@ -43,14 +43,14 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-spin> </a-spin>
<a-modal v-model:visible="modalVisible" width="900px" title="查看详情" :footer="null" centered> <preview-box ref="previewBox"/>
qqqqqqqqqqqqqqqqqqqqqq
</a-modal>
</div> </div>
</template> </template>
<script> <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 InterConfig from '../interConfig.js';
import PreviewBox from '../../../../../../../../components/common/preview/PreviewBox';
import PreviewManager from '../../../../../../../../components/common/preview/previewManager'
export default ({ export default ({
name: 'shareDocuments', name: 'shareDocuments',
@ -62,20 +62,18 @@
spinning: true, spinning: true,
dataSouresEmpty: false, dataSouresEmpty: false,
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
modalVisible: false, fileDetailData: {},
} }
}, },
components: { components: {
AIcon: Icon, AIcon: Icon,
AList: List,
AListItem: List.Item,
AEmpty: Empty, AEmpty: Empty,
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ATabs: Tabs, ATabs: Tabs,
ASpin: Spin, ASpin: Spin,
ATabPane: Tabs.TabPane, ATabPane: Tabs.TabPane,
AModal: Modal, PreviewBox,
}, },
mounted() { mounted() {
this.tabChange() this.tabChange()
@ -160,7 +158,10 @@
method: InterConfig.getFileDetail.method, method: InterConfig.getFileDetail.method,
isTestLogin: InterConfig.getFileDetail.isTestLogin, isTestLogin: InterConfig.getFileDetail.isTestLogin,
}], (result) => { }], (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)
}
}) })
}, },
} }

Loading…
Cancel
Save