|
|
@ -3,13 +3,15 @@
|
|
|
|
<el-row :gutter="10">
|
|
|
|
<el-row :gutter="10">
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-card class="full-height">
|
|
|
|
<el-card class="full-height">
|
|
|
|
<el-button type="primary" size="small" @click="showDialog('add')">新建标签页</el-button>
|
|
|
|
|
|
|
|
|
|
|
|
<div slot="header">
|
|
|
|
|
|
|
|
<span> <el-button type="text" size="small" @click="showDialog('add')">新建标签页</el-button></span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-menu
|
|
|
|
<el-menu
|
|
|
|
:default-active="activeTab"
|
|
|
|
:default-active="activeTab"
|
|
|
|
@select="handleSelect"
|
|
|
|
@select="handleSelect"
|
|
|
|
default-active="2"
|
|
|
|
default-active="2"
|
|
|
|
|
|
|
|
|
|
|
|
style="overflow:auto"
|
|
|
|
style="overflow:auto"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-menu-item v-for="(tab, index) in tabs" :key="index" :index="index.toString()">
|
|
|
|
<el-menu-item v-for="(tab, index) in tabs" :key="index" :index="index.toString()">
|
|
|
@ -24,7 +26,50 @@
|
|
|
|
<el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.title" :name="index.toString()">
|
|
|
|
<el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.title" :name="index.toString()">
|
|
|
|
<el-button type="text" @click.stop="showDialog('edit', index)">修改</el-button>
|
|
|
|
<el-button type="text" @click.stop="showDialog('edit', index)">修改</el-button>
|
|
|
|
<el-button type="text" @click.stop="disconnectTab(index)">断开</el-button>
|
|
|
|
<el-button type="text" @click.stop="disconnectTab(index)">断开</el-button>
|
|
|
|
<div>这是标签页 {{ tab.title }} 的内容</div>
|
|
|
|
<el-button type="text" @click.stop="disconnectTab(index)">打开</el-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table v-loading="false"
|
|
|
|
|
|
|
|
:data="tableList"
|
|
|
|
|
|
|
|
highlight-current-row
|
|
|
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<el-table-column type="selection" align="center" width="55"></el-table-column>
|
|
|
|
|
|
|
|
<el-table-column label="序号" type="index" width="50" align="center">
|
|
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
|
|
<span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
|
|
|
label="表名称"
|
|
|
|
|
|
|
|
align="center"
|
|
|
|
|
|
|
|
prop="ffullName"
|
|
|
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
|
|
|
width="120"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
|
|
|
label="表名称"
|
|
|
|
|
|
|
|
align="center"
|
|
|
|
|
|
|
|
prop="fname"
|
|
|
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
|
|
|
width="120"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
|
|
|
label="表描述"
|
|
|
|
|
|
|
|
align="center"
|
|
|
|
|
|
|
|
prop="fhelpCode"
|
|
|
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
|
|
|
width="120"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
|
|
|
|
v-show="true"
|
|
|
|
|
|
|
|
:total="total"
|
|
|
|
|
|
|
|
:page.sync="queryParams.pageNum"
|
|
|
|
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
|
|
</el-tabs>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
@ -72,6 +117,9 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import request from "@/utils/request";
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
props: {
|
|
|
|
name: 'TabComponent',
|
|
|
|
name: 'TabComponent',
|
|
|
@ -99,6 +147,7 @@ export default {
|
|
|
|
requestFun: this.reqFun,
|
|
|
|
requestFun: this.reqFun,
|
|
|
|
dialogVisible: false,
|
|
|
|
dialogVisible: false,
|
|
|
|
dialogTitle: '',
|
|
|
|
dialogTitle: '',
|
|
|
|
|
|
|
|
activeTabData: {},
|
|
|
|
currentTabData: {
|
|
|
|
currentTabData: {
|
|
|
|
title: '',
|
|
|
|
title: '',
|
|
|
|
name: '',
|
|
|
|
name: '',
|
|
|
@ -108,8 +157,14 @@ export default {
|
|
|
|
password: '',
|
|
|
|
password: '',
|
|
|
|
driverClassName: ''
|
|
|
|
driverClassName: ''
|
|
|
|
},
|
|
|
|
},
|
|
|
|
currentTabIndex: null
|
|
|
|
currentTabIndex: null,
|
|
|
|
};
|
|
|
|
tableList: [],
|
|
|
|
|
|
|
|
total: 0,
|
|
|
|
|
|
|
|
queryParams: {
|
|
|
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
pageSize: 10
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
showDialog(mode, index = null) {
|
|
|
|
showDialog(mode, index = null) {
|
|
|
@ -177,7 +232,27 @@ export default {
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.dialogVisible = false;
|
|
|
|
this.dialogVisible = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
getActiveTab() {
|
|
|
|
|
|
|
|
const currentTabIndex = parseInt(this.activeTab);
|
|
|
|
|
|
|
|
this.activeTabData = this.tabs[currentTabIndex];
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
getList() {
|
|
|
|
|
|
|
|
request({
|
|
|
|
|
|
|
|
url: '/kis/supplier/list/' + this.activeTabData.name,
|
|
|
|
|
|
|
|
method: 'GET',
|
|
|
|
|
|
|
|
params: this.queryParams,
|
|
|
|
|
|
|
|
}).then(response => {
|
|
|
|
|
|
|
|
this.tableList = response.rows;
|
|
|
|
|
|
|
|
this.total = response.total;
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
created() {
|
|
|
|
|
|
|
|
this.getActiveTab();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|