|
|
|
@ -8,10 +8,27 @@ |
|
|
|
<div v-if="crud.props.searchToggle" class="head-search"> |
|
|
|
<!-- 搜索 --> |
|
|
|
<el-input v-model="query.blurry" size="small" clearable placeholder="输入全宗名称搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> |
|
|
|
<date-range-picker v-model="query.createTime" class="date-item" /> |
|
|
|
<date-range-picker v-model="blurryTime" class="date-item" /> |
|
|
|
<el-select v-model="query.status" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="crud.toQuery"> |
|
|
|
<i slot="prefix" class="iconfont icon-zhuangtai" /> |
|
|
|
<el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" /> |
|
|
|
</el-select> |
|
|
|
<rrOperation /> |
|
|
|
</div> |
|
|
|
<crudOperation :permission="permission" /> |
|
|
|
<crudOperation :permission="permission"> |
|
|
|
<template v-slot:middle> |
|
|
|
<el-button slot="reference" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)"> |
|
|
|
<i class="iconfont icon-shanchu" /> |
|
|
|
删除 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
<template v-slot:right> |
|
|
|
<el-button :loading="crud.downloadLoading" :disabled="!crud.data.length" size="mini" @click="doExport"> |
|
|
|
<i class="iconfont icon-daochu" /> |
|
|
|
导出 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</crudOperation> |
|
|
|
</div> |
|
|
|
<div class="container-right"> |
|
|
|
<span class="right-top-line" /> |
|
|
|
@ -23,47 +40,49 @@ |
|
|
|
<div class="setting-dialog"> |
|
|
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="90px"> |
|
|
|
<el-row> |
|
|
|
<el-form-item label="全宗号" prop="groupNumber"> |
|
|
|
<el-input v-model="form.groupNumber" /> |
|
|
|
<el-form-item label="全宗号" prop="fondsNo"> |
|
|
|
<el-input v-model="form.fondsNo" /> |
|
|
|
</el-form-item> |
|
|
|
</el-row> |
|
|
|
<el-form-item label="全宗名称" prop="groupName" class="form-item-style"> |
|
|
|
<el-input v-model="form.groupName" /> |
|
|
|
<el-form-item label="全宗名称" prop="fondsName" class="form-item-style"> |
|
|
|
<el-input v-model="form.fondsName" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="全宗简称" prop="groupShort"> |
|
|
|
<el-input v-model="form.groupShort" /> |
|
|
|
<el-form-item label="全宗简称" prop="fondsNameAbbr"> |
|
|
|
<el-input v-model="form.fondsNameAbbr" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="排序" prop="sort" class="form-item-style"> |
|
|
|
<el-form-item label="排序" prop="fondsOrders" class="form-item-style"> |
|
|
|
<el-input-number |
|
|
|
v-model.number="form.sort" |
|
|
|
v-model.number="form.fondsOrders" |
|
|
|
:min="0" |
|
|
|
:max="999" |
|
|
|
controls-position="right" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="状态" prop="enabled"> |
|
|
|
<el-radio label="启用" /> |
|
|
|
<el-radio label="停用" /> |
|
|
|
<el-form-item label="状态" prop="fondsStatus"> |
|
|
|
<el-radio-group v-model="form.fondsStatus"> |
|
|
|
<el-radio :label="1">启用</el-radio> |
|
|
|
<el-radio :label="0">停用</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" prop="description"> |
|
|
|
<el-input v-model="form.description" style="width: 586px;" rows="5" type="textarea" /> |
|
|
|
<el-form-item label="备注" prop="fondsRemarks"> |
|
|
|
<el-input v-model="form.fondsRemarks" style="width: 586px;" rows="5" type="textarea" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
|
|
|
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
|
|
|
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
<el-table ref="table" v-loading="crud.loading" highlight-current-row style="width: 100%;" :data="crud.data" @selection-change="crud.selectionChangeHandler" @current-change="handleCurrentChange"> |
|
|
|
<el-table-column :selectable="checkboxT" type="selection" align="center" width="55" /> |
|
|
|
<el-table-column prop="groupNumber" label="全宗号" /> |
|
|
|
<el-table-column prop="groupName" label="全宗名称" /> |
|
|
|
<el-table-column prop="dept" label="部门" /> |
|
|
|
<el-table-column prop="sort" label="排序" /> |
|
|
|
<el-table-column label="状态" align="center" prop="enabled" width="60"> |
|
|
|
<el-table-column type="selection" align="center" width="55" /> |
|
|
|
<el-table-column prop="fondsNo" label="全宗号" /> |
|
|
|
<el-table-column prop="fondsName" label="全宗名称" /> |
|
|
|
<el-table-column prop="deptsCount" label="部门" /> |
|
|
|
<el-table-column prop="fondsOrders" label="排序" /> |
|
|
|
<el-table-column label="状态" align="center" prop="fondsStatus" width="60"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch v-model="scope.row.enabled" /> |
|
|
|
<el-switch v-model="scope.row.fondsStatus" active-color="#409EFF" inactive-color="#F56C6C" :active-value="1" :inactive-value="0" @change="changeStatus(scope.row, scope.row.fondsStatus)" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期"> |
|
|
|
@ -112,7 +131,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import crudRoles from '@/api/system/role' |
|
|
|
import crudfonds from '@/api/system/fonds' |
|
|
|
import { getDepts, getDeptSuperior } from '@/api/system/dept' |
|
|
|
import { getMenusTree, getChild } from '@/api/system/menu' |
|
|
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
|
|
|
@ -120,13 +139,21 @@ import rrOperation from '@crud/RR.operation' |
|
|
|
import crudOperation from '@crud/CRUD.operation' |
|
|
|
import pagination from '@crud/Pagination' |
|
|
|
import DateRangePicker from '@/components/DateRangePicker' |
|
|
|
import { downloadFile } from '@/utils/index' |
|
|
|
|
|
|
|
const defaultForm = { groupNumber: null, groupName: null, groupShort: null, description: null, enabled: 'true', sort: '' } |
|
|
|
const defaultForm = { id: null, fondsName: null, fondsNameAbbr: null, fondsNo: null, fondsOrders: 999, fondsStatus: null, fondsRemarks: null } |
|
|
|
export default { |
|
|
|
name: 'Group', |
|
|
|
components: { pagination, crudOperation, rrOperation, DateRangePicker }, |
|
|
|
cruds() { |
|
|
|
return CRUD({ title: '全宗', url: 'api/roles', sort: 'level,asc', crudMethod: { ...crudRoles }}) |
|
|
|
return CRUD({ title: '全宗', idField: 'fondsId', url: 'api/fonds/initFondsList', sort: 'update_time,asc', crudMethod: { ...crudfonds }, optShow: { |
|
|
|
add: true, |
|
|
|
edit: true, |
|
|
|
del: false, |
|
|
|
reset: true, |
|
|
|
download: false, |
|
|
|
group: false |
|
|
|
}}) |
|
|
|
}, |
|
|
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
|
|
|
data() { |
|
|
|
@ -135,33 +162,36 @@ export default { |
|
|
|
currentId: 0, menuLoading: false, showButton: false, |
|
|
|
menus: [], menuIds: [], depts: [], deptDatas: [], // 多选时使用 |
|
|
|
permission: { |
|
|
|
add: ['admin', 'roles:add'], |
|
|
|
edit: ['admin', 'roles:edit'], |
|
|
|
del: ['admin', 'roles:del'] |
|
|
|
add: ['admin', 'fonds:add'], |
|
|
|
edit: ['admin', 'fonds:edit'], |
|
|
|
del: ['admin', 'fonds:del'] |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
groupNumber: [ |
|
|
|
fondsNo: [ |
|
|
|
{ required: true, message: '请输入全宗号', trigger: 'blur' } |
|
|
|
], |
|
|
|
groupName: [ |
|
|
|
fondsName: [ |
|
|
|
{ required: true, message: '请输入全宗名称', trigger: 'blur' } |
|
|
|
], |
|
|
|
groupShort: [ |
|
|
|
fondsNameAbbr: [ |
|
|
|
{ required: true, message: '请输入全宗简称', trigger: 'blur' } |
|
|
|
], |
|
|
|
sort: [ |
|
|
|
{ required: true, message: '请输入排序', trigger: 'blur' } |
|
|
|
fondsOrders: [ |
|
|
|
{ required: true, message: '请输入排序', trigger: 'blur', type: 'number' } |
|
|
|
], |
|
|
|
enabled: [ |
|
|
|
fondsStatus: [ |
|
|
|
{ required: true, message: '请选择状态', trigger: 'change' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
enabledTypeOptions: [ |
|
|
|
{ key: '1', display_name: '启用' }, |
|
|
|
{ key: '0', display_name: '停用' } |
|
|
|
], |
|
|
|
blurryTime: null, |
|
|
|
deleteData: [] // 删除选中的data |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
crudRoles.getLevel().then(data => { |
|
|
|
this.level = data.level |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getMenuDatas(node, resolve) { |
|
|
|
@ -171,63 +201,102 @@ export default { |
|
|
|
}) |
|
|
|
}, 100) |
|
|
|
}, |
|
|
|
[CRUD.HOOK.beforeRefresh]() { |
|
|
|
if (this.blurryTime) { |
|
|
|
this.crud.query.startTime = this.blurryTime[0] |
|
|
|
this.crud.query.endTime = this.blurryTime[1] |
|
|
|
} |
|
|
|
}, |
|
|
|
[CRUD.HOOK.afterRefresh]() { |
|
|
|
this.$refs.menu.setCheckedKeys([]) |
|
|
|
}, |
|
|
|
// 新增前初始化部门信息 |
|
|
|
[CRUD.HOOK.beforeToAdd](crud, form) { |
|
|
|
this.deptDatas = [] |
|
|
|
form.menus = null |
|
|
|
}, |
|
|
|
// 编辑前初始化自定义数据权限的部门信息 |
|
|
|
[CRUD.HOOK.beforeToEdit](crud, form) { |
|
|
|
this.deptDatas = [] |
|
|
|
if (form.dataScope === '自定义') { |
|
|
|
this.getSupDepts(form.depts) |
|
|
|
} |
|
|
|
const _this = this |
|
|
|
form.depts.forEach(function(dept) { |
|
|
|
_this.deptDatas.push(dept.id) |
|
|
|
}) |
|
|
|
// 将角色的菜单清空，避免日志入库数据过长 |
|
|
|
form.menus = null |
|
|
|
// form.menus = null |
|
|
|
}, |
|
|
|
// 提交前做的操作 |
|
|
|
[CRUD.HOOK.afterValidateCU](crud) { |
|
|
|
if (crud.form.dataScope === '自定义' && this.deptDatas.length === 0) { |
|
|
|
this.$message({ |
|
|
|
message: '自定义数据权限不能为空', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
return false |
|
|
|
} else if (crud.form.dataScope === '自定义') { |
|
|
|
const depts = [] |
|
|
|
this.deptDatas.forEach(function(data) { |
|
|
|
const dept = { id: data } |
|
|
|
depts.push(dept) |
|
|
|
}) |
|
|
|
crud.form.depts = depts |
|
|
|
} else { |
|
|
|
crud.form.depts = [] |
|
|
|
} |
|
|
|
return true |
|
|
|
}, |
|
|
|
// 触发单选 |
|
|
|
handleCurrentChange(val) { |
|
|
|
if (val) { |
|
|
|
const _this = this |
|
|
|
// const _this = this |
|
|
|
// 清空菜单的选中 |
|
|
|
this.$refs.menu.setCheckedKeys([]) |
|
|
|
// 保存当前的角色id |
|
|
|
this.currentId = val.id |
|
|
|
// 初始化默认选中的key |
|
|
|
this.menuIds = [] |
|
|
|
val.menus.forEach(function(data) { |
|
|
|
_this.menuIds.push(data.id) |
|
|
|
}) |
|
|
|
// val.menus.forEach(function(data) { |
|
|
|
// _this.menuIds.push(data.id) |
|
|
|
// }) |
|
|
|
this.showButton = true |
|
|
|
} |
|
|
|
}, |
|
|
|
toDelete(datas) { |
|
|
|
this.deleteData = datas |
|
|
|
this.$confirm('此操作将删除当前所选' + this.crud.title + '<span>你是否还要继续？</span>', '提示', { |
|
|
|
confirmButtonText: '继续', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning', |
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
}).then(() => { |
|
|
|
this.crud.delAllLoading = true |
|
|
|
const ids = [] |
|
|
|
this.deleteData.forEach(val => { |
|
|
|
ids.push(val.fondsId) |
|
|
|
}) |
|
|
|
crudfonds.del(ids).then(() => { |
|
|
|
this.crud.notify('删除成功', CRUD.NOTIFICATION_TYPE.SUCCESS) |
|
|
|
this.crud.delAllLoading = false |
|
|
|
this.crud.refresh() |
|
|
|
}).catch(err => { |
|
|
|
this.crud.delAllLoading = false |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
}).catch(() => { |
|
|
|
}) |
|
|
|
}, |
|
|
|
changeStatus(data, val) { |
|
|
|
this.$confirm('此操作将禁用 / 启用全宗 “' + data.fondsName + '”' + '<span>你是否还要继续？</span>', '提示', { |
|
|
|
confirmButtonText: '继续', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning', |
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
}).then(() => { |
|
|
|
crudfonds.FetchUpdateFondsStatus(data).then(res => { |
|
|
|
this.crud.notify('修改成功', CRUD.NOTIFICATION_TYPE.SUCCESS) |
|
|
|
}).catch(() => { |
|
|
|
data.fondsStatus = !data.fondsStatus |
|
|
|
}) |
|
|
|
}).catch(() => { |
|
|
|
this.crud.notify('已取消修改', CRUD.NOTIFICATION_TYPE.INFO) |
|
|
|
data.fondsStatus = !data.fondsStatus |
|
|
|
}) |
|
|
|
}, |
|
|
|
doExport() { |
|
|
|
crud.downloadLoading = true |
|
|
|
this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', { |
|
|
|
confirmButtonText: '继续', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning', |
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
}).then(() => { |
|
|
|
console.log(this.crud.data) |
|
|
|
crudfonds.FetchDownload().then(result => { |
|
|
|
downloadFile(result, crud.title + '数据', 'xlsx') |
|
|
|
crud.downloadLoading = false |
|
|
|
}).catch(() => { |
|
|
|
crud.downloadLoading = false |
|
|
|
}) |
|
|
|
}).catch(() => { |
|
|
|
}) |
|
|
|
}, |
|
|
|
menuChange(menu) { |
|
|
|
// 获取该节点的所有子节点，id 包含自身 |
|
|
|
getChild(menu.id).then(childIds => { |
|
|
|
@ -259,7 +328,7 @@ export default { |
|
|
|
const menu = { id: id } |
|
|
|
role.menus.push(menu) |
|
|
|
}) |
|
|
|
crudRoles.editMenu(role).then(() => { |
|
|
|
crudfonds.editMenu(role).then(() => { |
|
|
|
this.crud.notify('保存成功', CRUD.NOTIFICATION_TYPE.SUCCESS) |
|
|
|
this.menuLoading = false |
|
|
|
this.update() |
|
|
|
@ -271,9 +340,9 @@ export default { |
|
|
|
// 改变数据 |
|
|
|
update() { |
|
|
|
// 无刷新更新 表格数据 |
|
|
|
crudRoles.get(this.currentId).then(res => { |
|
|
|
crudfonds.FetchInitFondsList().then(res => { |
|
|
|
for (let i = 0; i < this.crud.data.length; i++) { |
|
|
|
if (res.id === this.crud.data[i].id) { |
|
|
|
if (res.fondsId === this.crud.data[i].fondsId) { |
|
|
|
this.crud.data[i] = res |
|
|
|
break |
|
|
|
} |
|
|
|
@ -311,9 +380,6 @@ export default { |
|
|
|
data.children = null |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
checkboxT(row) { |
|
|
|
return row.level >= this.level |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -334,5 +400,4 @@ export default { |
|
|
|
.tree-tab span.role-span.role-tab-active{ |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
