<template>
|
<div class="apply-info" style="margin-top: 20px;">
|
<el-tabs @tab-click="switchTab" type="card">
|
<el-tab-pane
|
:key="item.functionName"
|
v-for="(item, index) in tabsMenus"
|
:label="item.functionNameDesc"
|
:closable="false"
|
>
|
<!-- v-if="item.functionName === tabsName" -->
|
<component
|
:ref="item.functionName"
|
:is="'FuncLimit'"
|
:conf="conf"
|
:typeId="typeId"
|
:functionName="item.functionName"
|
:serialNo="item.serialNo"
|
></component>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
// import FuncLimit from '@/components/tabsLoad/FuncLimit'
|
const FuncLimit = () => import('@/components/tabsLoad/FuncLimit')
|
|
import loanOrgFuncConstraintList from '@/controller/loanOrgFuncConstraintList'
|
import { mapMutations, mapState } from 'vuex'
|
export default {
|
components: {
|
FuncLimit
|
},
|
props: {
|
conf: {
|
type: Object,
|
default: () => ({})
|
},
|
typeId: {
|
type: Number,
|
required: true
|
}
|
},
|
data() {
|
return {
|
model: null,
|
loanOrgFuncConstraintListSubmitReqs: [],
|
query: '',
|
tabsMenu: [],
|
tabsName: '01',
|
tabsMenus: [],
|
tabIndex: 2
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {
|
const { $route } = this
|
const { query } = $route
|
this.query = query
|
const model = loanOrgFuncConstraintList()
|
this.model = model
|
this.getTabsList()
|
},
|
|
async getTabsList() {
|
const { query, model } = this
|
const { serialNo: loanOrgSerialNo = '', submitType } = query
|
const res = await model.request({ loanOrgSerialNo })
|
const { list } = res
|
// 对变更的老数据单独处理排序
|
// submitType 详情无该字段
|
// if (submitType === '02' || !submitType) {
|
// list.sort((a, b) => {
|
// if (Number(a.functionName) > Number(b.functionName)) {
|
// return -1
|
// }
|
// })
|
// list.reverse()
|
// }
|
this.tabsMenus = [...list]
|
// console.log(this.tabsMenus)
|
},
|
|
switchTab(event) {
|
// console.log(event)
|
const { paneName } = event
|
this.tabsName = paneName
|
},
|
|
submit() {
|
const { tabsMenus, loanOrgFuncConstraintListSubmitReqs } = this
|
tabsMenus.forEach(name => {
|
const {
|
formValues,
|
loanOrgFuncDarkTermListSubmitReqs,
|
loanOrgSubFlowListSubmitReqs,
|
serialNoFunc
|
} = this.$refs[name.functionName][0]
|
loanOrgFuncConstraintListSubmitReqs.push({
|
...formValues,
|
serialNo: serialNoFunc,
|
loanOrgFuncDarkTermListSubmitReqs,
|
loanOrgSubFlowListSubmitReqs
|
})
|
})
|
this.setLoanOrgFuncConstraintListSubmitReqs(
|
loanOrgFuncConstraintListSubmitReqs
|
)
|
},
|
// submit() {
|
// const { tabsMenus, loanOrgFuncConstraintListSubmitReqs } = this
|
// tabsMenus.forEach(name => {
|
// const {
|
// formValues,
|
// loanOrgFuncDarkTermListSubmitReqs,
|
// loanOrgSubFlowListSubmitReqs
|
// } = this.$refs[name.functionName][0]
|
// console.log(name.functionName)
|
// loanOrgFuncConstraintListSubmitReqs.push({
|
// ...formValues,
|
// loanOrgFuncDarkTermListSubmitReqs,
|
// loanOrgSubFlowListSubmitReqs
|
// })
|
// })
|
// console.log(loanOrgFuncConstraintListSubmitReqs,'---')
|
// this.setLoanOrgFuncConstraintListSubmitReqs(loanOrgFuncConstraintListSubmitReqs)
|
// },
|
...mapMutations(['setLoanOrgFuncConstraintListSubmitReqs'])
|
},
|
computed: {
|
...mapState({
|
controlFuncArr: state => state.loanInstitution.controlFuncArr
|
})
|
},
|
watch: {
|
$route() {
|
const { query } = this
|
const { serialNo } = query
|
if (serialNo) {
|
this.init()
|
}
|
},
|
controlFuncArr(val) {
|
// console.log(val)
|
this.loanOrgFuncConstraintListSubmitReqs = []
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
</style>
|
