mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-12 06:15:45 +08:00
8b53babb21
* feat: Add support to sequence tab. * Add name to list sequence tab. * Add multiple tab sequence as process in tab. * Add identifier fields from source tab to sequence tab. * Add multiple requests to get all records according to the pagination. * Corrects the display of records in the first load. * Correct multiple petition if parent record has not changed. * Refresh the list of records on the source tab. * Fix moved sequence and names to showed. * fix identifiers list and actions. * remove the displayed sequence.
104 lines
2.4 KiB
Vue
104 lines
2.4 KiB
Vue
<template>
|
|
<el-tabs v-model="currentTabChild" type="border-card" @tab-click="handleClick">
|
|
<template v-for="(tabAttributes, key) in getTabsList">
|
|
<!-- TODO: Add support to tabs isSortTab (sequence) -->
|
|
<el-tab-pane
|
|
:key="key"
|
|
:label="tabAttributes.name"
|
|
:windowuuid="windowUuid"
|
|
:tabuuid="tabAttributes.uuid"
|
|
:name="String(key)"
|
|
lazy
|
|
:disabled="isCreateNew"
|
|
>
|
|
<el-col :span="24">
|
|
<data-table
|
|
:parent-uuid="windowUuid"
|
|
:container-uuid="tabAttributes.uuid"
|
|
:panel-type="panelType"
|
|
/>
|
|
</el-col>
|
|
</el-tab-pane>
|
|
</template>
|
|
</el-tabs>
|
|
</template>
|
|
|
|
<script>
|
|
import { tabMixin } from '@/components/ADempiere/Tab/tabMixin'
|
|
import DataTable from '@/components/ADempiere/DataTable'
|
|
|
|
export default {
|
|
name: 'TabChildren',
|
|
components: {
|
|
DataTable
|
|
},
|
|
mixins: [tabMixin],
|
|
props: {
|
|
firstTabUuid: {
|
|
type: String,
|
|
default: undefined
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
currentTabChild: this.$route.query.tabChild
|
|
}
|
|
},
|
|
computed: {
|
|
// data this current tab
|
|
getDataSelection() {
|
|
return this.$store.getters.getDataRecordAndSelection(this.tabUuid)
|
|
},
|
|
// data parent tab
|
|
getterDataParentTab() {
|
|
return this.$store.getters.getDataRecordAndSelection(this.firstTabUuid)
|
|
},
|
|
getterIsLoadRecordParent() {
|
|
return this.getterDataParentTab.isLoaded
|
|
},
|
|
getterIsLoadContextParent() {
|
|
return this.getterDataParentTab.isLoadedContext
|
|
}
|
|
},
|
|
watch: {
|
|
// Current TabChildren
|
|
currentTabChild(newValue, oldValue) {
|
|
if (newValue !== oldValue) {
|
|
this.$router.push({
|
|
query: {
|
|
...this.$route.query,
|
|
tabChild: String(newValue)
|
|
},
|
|
params: {
|
|
...this.$route.params
|
|
}
|
|
})
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.setCurrentTabChild()
|
|
},
|
|
methods: {
|
|
setCurrentTabChild() {
|
|
let activeTab = this.$route.query.tabChild
|
|
if (activeTab === undefined) {
|
|
activeTab = String(0)
|
|
}
|
|
this.currentTabChild = activeTab
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.el-tabs__content {
|
|
overflow: hidden;
|
|
position: relative;
|
|
padding-top: 0px !important;
|
|
padding-right: 15px !important;
|
|
padding-bottom: 0px !important;
|
|
padding-left: 15px !important;
|
|
}
|
|
</style>
|