+ @change="handleTreeChange" />
@@ -29,7 +32,12 @@
{{ name }}
- {{ name }}
+
+ {{ name.substr(0, name.indexOf(treeInput)) }}
+ {{ treeInput }}
+ {{ name.substr(name.indexOf(treeInput) + treeInput.length) }}
+
+ {{ name }}
@@ -48,7 +56,12 @@
{{ name }}
- {{ name }}
+
+ {{ name.substr(0, name.indexOf(treeInput)) }}
+ {{ treeInput }}
+ {{ name.substr(name.indexOf(treeInput) + treeInput.length) }}
+
+ {{ name }}
@@ -70,37 +83,36 @@
-
-
+
-
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
{{ $t('query') }}
-
{{ $t('reset') }}
-
+
@@ -171,6 +183,9 @@ export default {
return {
treeInput: null, // 树查询绑定值
treeData: [],
+ treeDataList: [], // 左侧树的数组结构，用于搜索
+ expandedKeys: [],
+ autoExpandParent: true,
currentTreeNode: null, // 当前选中的树节点
mouseInNodeKey: null, // 鼠标悬浮的节点key值
columns: [
@@ -178,25 +193,29 @@ export default {
title: this.$t('system.internalWorkGroup.name'),
align: 'center',
width: 180,
- dataIndex: 'userName'
+ dataIndex: 'userName',
+ scopedSlots: { customRender: 'text' }
},
{
title: this.$t('system.internalWorkGroup.workNo'),
align: 'center',
width: 180,
- dataIndex: 'userWorkNo'
+ dataIndex: 'userWorkNo',
+ scopedSlots: { customRender: 'text' }
},
{
title: this.$t('system.internalWorkGroup.role'),
align: 'center',
width: 180,
- dataIndex: 'userRoleName'
+ dataIndex: 'userRoleName',
+ scopedSlots: { customRender: 'text' }
},
{
title: this.$t('system.internalWorkGroup.post'),
align: 'center',
width: 180,
- dataIndex: 'userPostName'
+ dataIndex: 'userPostName',
+ scopedSlots: { customRender: 'text' }
},
{
title: this.$t('operation'),
@@ -206,12 +225,10 @@ export default {
}
],
labelCol: {
- xs: { span: 24 },
- sm: { span: 6 }
+ span: 4
},
wrapperCol: {
- xs: { span: 24 },
- sm: { span: 16 }
+ span: 18
},
url: {
treeNodeDelete: '/sys/lawsWorkingGroup/delete',
@@ -228,12 +245,13 @@ export default {
},
methods: {
// 获取左侧树数据
- initTreeData () {
- getWorkGroupTreeList().then(res => {
+ initTreeData (params) {
+ getWorkGroupTreeList(params).then(res => {
if (res.success) {
this.treeData = this.dealTreeData(res.result)
// this.treeData = res.result
this.treeData[0].scopedSlots = { title: 'customNoDelete' }
+ this.generateList(this.treeData)
} else {
this.treeData = []
}
@@ -248,33 +266,36 @@ export default {
}
return item
})
- // return treeData.map(item => {
- // if (item.child && item.child.length > 0) {
- // item.scopedSlots = { title: 'iconCustom' }
- // item.children = this.dealTreeData(item.child)
- // } else {
- // item.scopedSlots = { title: 'custom' }
- // }
- // return item
- // })
},
- // 根据key去树结构中找到节点
- // getNodeByKey (key, treeData) {
- // for (const item of treeData) {
- // if (item.key === key) {
- // return item
- // } else {
- // if (item.child && item.child.length > 0) {
- // const res = this.getNodeByKey(key, item.child)
- // return res
- // }
- // }
- // }
- // },
- // 左侧树搜索
- handleTreeSearch () {
- console.log(this.treeInput)
- this.initTreeData()
+ // 获取左侧树的数组结构（非树结构）
+ generateList (data) {
+ for (let i = 0; i < data.length; i++) {
+ const node = data[i]
+ const id = node.id
+ this.treeDataList.push({ id, name: node.name, pid: node.pid })
+ if (node.subset) {
+ this.generateList(node.subset)
+ }
+ }
+ },
+ // 左侧树搜索框改变
+ handleTreeChange (e) {
+ const value = e.target.value
+ const expandedKeys = this.treeDataList
+ .map(item => {
+ if (item.name.indexOf(value) > -1) {
+ return item.pid
+ }
+ return null
+ })
+ .filter((item, i, self) => item && self.indexOf(item) === i)
+ this.expandedKeys = expandedKeys
+ this.autoExpandParent = true
+ },
+ // 左侧树点击展开
+ treeExpand (expandedKeys) {
+ this.expandedKeys = expandedKeys
+ this.autoExpandParent = false
},
// 左侧树鼠标移入
handleTreeMouseover (key) {
@@ -322,15 +343,25 @@ export default {
// 左侧树点击选中
treeSelect (selectedKeys) {
this.currentTreeNode = selectedKeys
+ this.queryParam.workingGroupId = selectedKeys[0]
+ this.loadData()
},
+ // 右侧新增
handleAdd () {
console.log(this.currentTreeNode)
if (!this.currentTreeNode || this.currentTreeNode.length <= 0) {
- this.$message.warning(this.$t('pleaseSelectASystem'))
+ this.$message.warning(this.$t('system.internalWorkGroup.pleaseSelectASystem'))
return
}
this.$refs.modalForm.add(this.currentTreeNode[0])
this.$refs.modalForm.title = this.$t('newlyAdded')
+ },
+ // 清空
+ searchReset () {
+ this.queryParam = {}
+ this.currentTreeNode = null
+ this.initTreeData()
+ this.loadData(1)
}
}
@@ -338,11 +369,6 @@ export default {