|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
<div class="JNPF-common-layout">
|
|
|
|
|
<div class="JNPF-common-layout-left">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2>左侧标题</h2>
|
|
|
|
|
<h2>{{ title }}</h2>
|
|
|
|
|
<el-dropdown>
|
|
|
|
|
<el-link icon="icon-ym icon-ym-mpMenu" :underline="false" />
|
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
@ -12,7 +12,7 @@
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="JNPF-common-tree-search-box">
|
|
|
|
|
<el-input placeholder="输入关键字" v-model="keyword" suffix-icon="el-icon-search" clearable />
|
|
|
|
|
<el-input placeholder="输入业务线名称" v-model="keyword" suffix-icon="el-icon-search" clearable />
|
|
|
|
|
</div>
|
|
|
|
|
<el-tree :data="treeData" class="JNPF-common-el-tree" highlight-current ref="treeBox"
|
|
|
|
|
:expand-on-click-node="false" @node-click="handleNodeClick" node-key="id" :props="treeProps"
|
|
|
|
@ -167,6 +167,7 @@ export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
|
|
title: '',
|
|
|
|
|
keyword: '',
|
|
|
|
|
expandsTree: true,
|
|
|
|
|
refreshTree: true,
|
|
|
|
@ -400,9 +401,11 @@ export default {
|
|
|
|
|
this.initData()
|
|
|
|
|
},
|
|
|
|
|
getTreeView() {
|
|
|
|
|
getDataInterfaceRes('519521191191380165').then(res => {
|
|
|
|
|
let data = res.data
|
|
|
|
|
this.treeData = data
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/scm/BusinessLine/Tree`,
|
|
|
|
|
method: 'get'
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.treeData = res.data
|
|
|
|
|
this.initSearchDataAndListData()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -416,11 +419,12 @@ export default {
|
|
|
|
|
return fullPath
|
|
|
|
|
},
|
|
|
|
|
handleNodeClick(data, node) {
|
|
|
|
|
this.title = data.name
|
|
|
|
|
this.treeActiveId = data.id
|
|
|
|
|
for (let key in this.query) {
|
|
|
|
|
this.query[key] = undefined
|
|
|
|
|
}
|
|
|
|
|
this.query.jnpf_jg_business_line_jnpf_name = data.id
|
|
|
|
|
this.query.businessLineId = data.id
|
|
|
|
|
this.listQuery = {
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 20,
|
|
|
|
@ -452,6 +456,7 @@ export default {
|
|
|
|
|
method: 'post',
|
|
|
|
|
data: _query
|
|
|
|
|
}).then(res => {
|
|
|
|
|
debugger
|
|
|
|
|
var _list = res.data.list;
|
|
|
|
|
this.list = _list.map(o => ({
|
|
|
|
|
...o,
|
|
|
|
|