[update] 资料目录维护展开
This commit is contained in:
@@ -22,8 +22,8 @@
|
|||||||
v-model="selectedRowKeys"
|
v-model="selectedRowKeys"
|
||||||
checkable
|
checkable
|
||||||
:tree-data="dataSource"
|
:tree-data="dataSource"
|
||||||
|
:expandedKeys="expandedKeys"
|
||||||
:replaceFields="replaceFields"
|
:replaceFields="replaceFields"
|
||||||
@expand="onExpand"
|
|
||||||
@select="onSelect"/>
|
@select="onSelect"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- /左侧区域-->
|
<!-- /左侧区域-->
|
||||||
@@ -41,14 +41,12 @@
|
|||||||
<script>
|
<script>
|
||||||
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
|
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
|
||||||
import IconImg from '@/assets/imgs/icon/icon_committee.png'
|
import IconImg from '@/assets/imgs/icon/icon_committee.png'
|
||||||
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
|
||||||
import DataDirectoryModule from './modules/DataDirectoryModule'
|
import DataDirectoryModule from './modules/DataDirectoryModule'
|
||||||
import { getAction } from '../../../api/manage'
|
import { getAction } from '../../../api/manage'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'DataDirectoryMaintenance',
|
name: 'DataDirectoryMaintenance',
|
||||||
components: { PageHeaderTitle, DataDirectoryModule },
|
components: { PageHeaderTitle, DataDirectoryModule },
|
||||||
mixins: [JeroListMixin],
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
IconImg,
|
IconImg,
|
||||||
@@ -57,28 +55,31 @@ export default {
|
|||||||
queryById: '/payDataDirectory/payDataDirectory/getOne',
|
queryById: '/payDataDirectory/payDataDirectory/getOne',
|
||||||
deleteBatch: '/payDataDirectory/payDataDirectory/deleteBatch'
|
deleteBatch: '/payDataDirectory/payDataDirectory/deleteBatch'
|
||||||
},
|
},
|
||||||
autoExpandParent: true,
|
|
||||||
checkedKeys: [],
|
|
||||||
columns: [], // 防止混入报错
|
|
||||||
replaceFields: {
|
replaceFields: {
|
||||||
children: 'children',
|
children: 'children',
|
||||||
title: 'name',
|
title: 'name',
|
||||||
key: 'id'
|
key: 'id'
|
||||||
}
|
},
|
||||||
|
isExpandAll: false,
|
||||||
|
queryParam: {},
|
||||||
|
dataSource: [],
|
||||||
|
selectedRowKeys: [],
|
||||||
|
expandedKeys: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
dataSource: {
|
||||||
|
handler() {
|
||||||
|
this.isExpandAll = true
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadData()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onExpand(expandedKeys) {
|
|
||||||
console.log('onExpand', expandedKeys)
|
|
||||||
// if not set autoExpandParent to false, if children expanded, parent can not collapse.
|
|
||||||
// or, you can remove all expanded children keys.
|
|
||||||
this.expandedKeys = expandedKeys
|
|
||||||
this.autoExpandParent = false
|
|
||||||
},
|
|
||||||
onCheck(checkedKeys) {
|
|
||||||
console.log('onCheck', checkedKeys)
|
|
||||||
this.checkedKeys = checkedKeys
|
|
||||||
},
|
|
||||||
/**
|
/**
|
||||||
* 点击名称选中
|
* 点击名称选中
|
||||||
* @param info
|
* @param info
|
||||||
@@ -98,6 +99,80 @@ export default {
|
|||||||
},
|
},
|
||||||
dataDirectoryFormOk() {
|
dataDirectoryFormOk() {
|
||||||
this.loadData()
|
this.loadData()
|
||||||
|
},
|
||||||
|
searchQuery() {
|
||||||
|
this.loadData()
|
||||||
|
},
|
||||||
|
loadData() {
|
||||||
|
if (!this.url.list) {
|
||||||
|
this.$message.error('请设置url.list属性!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let params = this.queryParam
|
||||||
|
this.loading = true
|
||||||
|
getAction(this.url.list, params).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.dataSource = res.result.records || res.result
|
||||||
|
this.getExpandKeys(this.dataSource)
|
||||||
|
//清空列表选中
|
||||||
|
this.selectedRowKeys = []
|
||||||
|
}
|
||||||
|
if (res.code === 510) {
|
||||||
|
this.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
this.loading = false
|
||||||
|
}).finally(() => {
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
batchDel() {
|
||||||
|
if (!this.url.deleteBatch) {
|
||||||
|
this.$message.error('请设置url.deleteBatch属性!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.selectedRowKeys.length <= 0) {
|
||||||
|
this.$message.warning('请选择一条记录!')
|
||||||
|
return
|
||||||
|
} else {
|
||||||
|
let ids = ''
|
||||||
|
for (let a = 0; a < this.selectedRowKeys.length; a++) {
|
||||||
|
ids += this.selectedRowKeys[a] + ','
|
||||||
|
}
|
||||||
|
const that = this
|
||||||
|
this.$confirm({
|
||||||
|
title: '确认删除',
|
||||||
|
content: '是否删除选中数据?',
|
||||||
|
onOk: function () {
|
||||||
|
that.loading = true
|
||||||
|
getAction(that.url.deleteBatch, { ids: ids }).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
that.$message.success(res.message)
|
||||||
|
that.loadData()
|
||||||
|
that.onClearSelected()
|
||||||
|
} else {
|
||||||
|
that.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
that.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 展开全部(获取所有非一级元素的parentId)
|
||||||
|
* @param treeList
|
||||||
|
*/
|
||||||
|
getExpandKeys(treeList) {
|
||||||
|
for (let i = 0; i < treeList.length; i++) {
|
||||||
|
let item = treeList[i]
|
||||||
|
if (item.children.length > 0) {
|
||||||
|
this.getExpandKeys(item.children)
|
||||||
|
}
|
||||||
|
if (item.parentId !== '0') {
|
||||||
|
this.expandedKeys.push(item.parentId)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user