|
|
@@ -3,6 +3,8 @@
|
|
|
<div class="side-layout">
|
|
|
<div class="tree-side">
|
|
|
<span style="font-size: 25px">所属区域</span>
|
|
|
+ <!-- 我负责的区域-->
|
|
|
+ <!-- 所有区域-->
|
|
|
<el-tree
|
|
|
ref="tree"
|
|
|
:data="regionOptions"
|
|
|
@@ -11,6 +13,7 @@
|
|
|
:expand-on-click-node="true"
|
|
|
:filter-node-method="filterNode"
|
|
|
highlight-current
|
|
|
+ node-key="id"
|
|
|
:props="defaultProps"
|
|
|
@node-click="handleNodeClick">
|
|
|
<span slot-scope="{ node }" class="custom-tree-node">
|
|
|
@@ -102,6 +105,7 @@
|
|
|
<script>
|
|
|
import distrApi from '@/api/base/distr'
|
|
|
import regionApi from '@/api/base/region'
|
|
|
+ import regionAuthApi from '@/api/base/regionAuth'
|
|
|
|
|
|
import Edit from './components/DistrEdit'
|
|
|
import TableTool from '@/components/table/TableTool'
|
|
|
@@ -158,7 +162,8 @@
|
|
|
},
|
|
|
],
|
|
|
|
|
|
- regionOptions: undefined,
|
|
|
+ regionOptions: [],
|
|
|
+ userSalesProvince: undefined,
|
|
|
defaultProps: {
|
|
|
id: 'id',
|
|
|
children: 'children',
|
|
|
@@ -178,11 +183,18 @@
|
|
|
created() {
|
|
|
this.fetchData()
|
|
|
this.getRegionTree()
|
|
|
+ this.getUserSalesProvince()
|
|
|
},
|
|
|
methods: {
|
|
|
async getRegionTree() {
|
|
|
const { data: data } = await regionApi.getRegionTree({})
|
|
|
- this.regionOptions = data.list
|
|
|
+ this.regionOptions.push(...data.list)
|
|
|
+ },
|
|
|
+ async getUserSalesProvince() {
|
|
|
+ const { data: data } = await regionAuthApi.getUserSalesProvince({})
|
|
|
+ if (data && data.list) {
|
|
|
+ this.regionOptions.unshift(data.list)
|
|
|
+ }
|
|
|
},
|
|
|
// 筛选节点
|
|
|
filterNode(value, data) {
|