<template>
|
<div class="grid-content">
|
<el-tabs type="card" @tab-click="handleClick">
|
<el-tab-pane label="发送">
|
<el-row>
|
<el-col :span="24">
|
<doc-file-table
|
@showDocImportDialog="showDocImportDialog"
|
v-if="docClassCode=='SEND'" ref="SendDocFileTable" v-on:indexChange="setIndex($event)" :baseNode="baseNode" :docClassCode="docClassCode"></doc-file-table>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
<el-tab-pane label="接收">
|
<el-row>
|
<el-col :span="24">
|
<doc-file-table
|
@showDocImportDialog="showDocImportDialog"
|
v-if="docClassCode=='REC'" ref="RecDocFileTable" v-on:indexChange="setIndex($event)" :baseNode="baseNode" :docClassCode="docClassCode"></doc-file-table>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import DocFileTable from '@/module/deviceManager/components/doc_file_tab.vue';
|
export default {
|
name: "doc_tab",
|
components: {DocFileTable},
|
props:['baseNode'],
|
data(){
|
return{
|
docClassCode : 'SEND',
|
nodeData:{
|
index:0,
|
list:{}
|
},
|
|
}
|
},
|
methods:{
|
handleClick(tab){
|
if(Number.parseInt(tab.index) === 0) {
|
this.docClassCode = 'SEND';
|
this.setDocClassCode();
|
}else if(Number.parseInt(tab.index) === 1) {
|
this.docClassCode = 'REC';
|
this.setDocClassCode();
|
}
|
},
|
setIndex(msg, docClass){
|
this.nodeData = msg;
|
this.$emit('indexChange', this.nodeData); // 调用父组件传递过来的方法，同时把数据传递出去
|
},
|
showDocImportDialog(params) {
|
this.$emit('showDocImportDialog', params); // 调用父组件传递过来的方法，同时把数据传递出去
|
},
|
setDocClassCode() {
|
this.$emit("setDocClassCode", this.docClassCode);
|
},
|
reloadDocData() {
|
if(this.docClassCode == 'SEND') {
|
this.$refs.SendDocFileTable.queryDoc();
|
}else if(this.docClassCode == 'REC') {
|
this.$refs.RecDocFileTable.queryDoc();
|
}
|
}
|
},
|
mounted() {
|
this.setDocClassCode();
|
},
|
//监听
|
watch:{
|
nodeData:{
|
deep: true, // 深度监听
|
handler(newValue, oldValue) {
|
this.nodeData = newValue;
|
}
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
