|
|
|
@ -10,10 +10,10 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-select |
|
|
|
v-model="dataForm.is_used" |
|
|
|
v-model="dataForm.isUsed" |
|
|
|
clearable |
|
|
|
placeholder="状态"> |
|
|
|
<el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" /> |
|
|
|
<el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.displayName" :value="item.key" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
@ -27,10 +27,10 @@ |
|
|
|
border |
|
|
|
lazy |
|
|
|
:load="getDeptDatas" |
|
|
|
:default-sort="{prop: 'dept_sort', order: 'ascending'}" |
|
|
|
:tree-props="{children: 'children', hasChildren: 'has_children'}" |
|
|
|
:default-sort="{prop: 'deptSort', order: 'ascending'}" |
|
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
|
|
|
:data="dataList" |
|
|
|
row-key="dept_id" |
|
|
|
row-key="deptId" |
|
|
|
@selection-change="selectionChangeHandle" |
|
|
|
style="width: 100%;"> |
|
|
|
<el-table-column |
|
|
|
@ -46,28 +46,28 @@ |
|
|
|
label="名称"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="dept_sort" |
|
|
|
prop="deptSort" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="排序"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="is_used" |
|
|
|
prop="isUsed" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="状态"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.is_used" |
|
|
|
v-model="scope.row.isUsed" |
|
|
|
:disabled="scope.row.id === 1" |
|
|
|
active-color="#409EFF" |
|
|
|
inactive-color="#F56C6C" |
|
|
|
@change="changeEnabled(scope.row, scope.row.is_used)" |
|
|
|
@change="changeEnabled(scope.row, scope.row.isUsed)" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="create_time" |
|
|
|
prop="createTime" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="创建日期"> |
|
|
|
@ -80,7 +80,7 @@ |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="isAuth('sys:dept:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row)">修改</el-button> |
|
|
|
<el-button v-if="isAuth('sys:dept:delete')" type="text" size="small" @click="deleteHandle(scope.row.dept_id)">删除</el-button> |
|
|
|
<el-button v-if="isAuth('sys:dept:delete')" type="text" size="small" @click="deleteHandle(scope.row.deptId)">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -105,11 +105,11 @@ export default { |
|
|
|
return { |
|
|
|
dataForm: { |
|
|
|
name: '', |
|
|
|
is_used: '' |
|
|
|
isUsed: '' |
|
|
|
}, |
|
|
|
enabledTypeOptions: [ |
|
|
|
{ key: true, display_name: '启用' }, |
|
|
|
{ key: false, display_name: '禁用' } |
|
|
|
{ key: true, displayName: '启用' }, |
|
|
|
{ key: false, displayName: '禁用' } |
|
|
|
], |
|
|
|
dataList: [], |
|
|
|
pageIndex: 0, |
|
|
|
@ -138,7 +138,7 @@ export default { |
|
|
|
'size': this.pageSize, |
|
|
|
'sort': 'id,desc', |
|
|
|
'name': this.dataForm.name, |
|
|
|
'is_used': this.dataForm.is_used |
|
|
|
'isUsed': this.dataForm.isUsed |
|
|
|
}) |
|
|
|
}).then(({data}) => { |
|
|
|
if (data && data.code === 200) { |
|
|
|
@ -176,7 +176,7 @@ export default { |
|
|
|
// 删除 |
|
|
|
deleteHandle (id) { |
|
|
|
var ids = id ? [id] : this.dataListSelections.map(item => { |
|
|
|
return item.dept_id |
|
|
|
return item.deptId |
|
|
|
}) |
|
|
|
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
@ -205,7 +205,7 @@ export default { |
|
|
|
}, |
|
|
|
// 表格渲染 :load="getDeptDatas" 点击事件 row-key需要指定唯一的数据id |
|
|
|
getDeptDatas(tree, treeNode, resolve) { |
|
|
|
const params = { pid: tree.dept_id } |
|
|
|
const params = { pid: tree.deptId } |
|
|
|
setTimeout(() => { |
|
|
|
this.$http({ |
|
|
|
url: this.$http.adornUrl('/api/dept/vo'), |
|
|
|
|
