290 lines
6.9 KiB
Python
290 lines
6.9 KiB
Python
import { request } from "@/api/service";
|
||
import { urlPrefix as deptPrefix } from "./api";
|
||
import XEUtils from "xe-utils";
|
||
import * as Api from "./api";
|
||
export const crudOptions = (vm) => {
|
||
return {
|
||
// pagination: false,
|
||
pageOptions: {
|
||
compact: true,
|
||
},
|
||
options: {
|
||
tableType: "vxe-table",
|
||
rowKey: true, // 必须设置，true or false
|
||
rowId: "id",
|
||
height: "100%", // 表格高度100%, 使用toolbar必须设置
|
||
highlightCurrentRow: false,
|
||
defaultExpandAll: true,
|
||
treeConfig: {
|
||
lazy: true,
|
||
},
|
||
},
|
||
rowHandle: {
|
||
width: 140,
|
||
view: {
|
||
thin: true,
|
||
text: "",
|
||
disabled() {
|
||
return !vm.hasPermissions("Retrieve");
|
||
},
|
||
},
|
||
edit: {
|
||
thin: true,
|
||
text: "",
|
||
disabled() {
|
||
return !vm.hasPermissions("Update");
|
||
},
|
||
},
|
||
remove: {
|
||
thin: true,
|
||
text: "",
|
||
disabled() {
|
||
return !vm.hasPermissions("Delete");
|
||
},
|
||
},
|
||
},
|
||
indexRow: {
|
||
// 或者直接传true,不显示title，不居中
|
||
title: "序号",
|
||
align: "center",
|
||
width: 100,
|
||
},
|
||
|
||
viewOptions: {
|
||
componentType: "form",
|
||
},
|
||
formOptions: {
|
||
defaultSpan: 12, // 默认的表单 span
|
||
},
|
||
columns: [
|
||
{
|
||
title: "关键词",
|
||
key: "search",
|
||
show: false,
|
||
disabled: true,
|
||
search: {
|
||
disabled: false,
|
||
},
|
||
form: {
|
||
disabled: true,
|
||
component: {
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
placeholder: "请输入关键词",
|
||
},
|
||
},
|
||
view: {
|
||
// 查看对话框组件的单独配置
|
||
disabled: true,
|
||
},
|
||
},
|
||
{
|
||
title: "ID",
|
||
key: "id",
|
||
show: false,
|
||
disabled: true,
|
||
width: 90,
|
||
form: {
|
||
disabled: true,
|
||
},
|
||
},
|
||
{
|
||
show: false,
|
||
title: "上级部门",
|
||
key: "parent",
|
||
type: "tree-selector",
|
||
dict: {
|
||
isTree: true,
|
||
label: "name",
|
||
value: "code",
|
||
getNodes(values) {
|
||
// 配置行展示远程获取nodes
|
||
return Api.GetNodesByValues(values);
|
||
},
|
||
},
|
||
form: {
|
||
helper: "默认留空为根节点",
|
||
component: {
|
||
span: 12,
|
||
props: {
|
||
multiple: false,
|
||
elProps: {
|
||
lazy: true,
|
||
load(node, resolve) {
|
||
// 懒加载
|
||
// console.log("懒加载");
|
||
if (node.level === 0) {
|
||
Api.GetTreeChildrenByParentId().then((data) => {
|
||
resolve(data);
|
||
});
|
||
return;
|
||
}
|
||
Api.GetTreeChildrenByParentId(node.data.code).then((data) => {
|
||
resolve(data);
|
||
});
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
// {
|
||
// title: '上级部门',
|
||
// key: 'parent',
|
||
// show: false,
|
||
// search: {
|
||
// disabled: true
|
||
// },
|
||
// type: 'cascader',
|
||
// dict: {
|
||
// cache: false,
|
||
// url: deptPrefix,
|
||
// isTree: true,
|
||
// value: 'id', // 数据字典中value字段的属性名
|
||
// label: 'name', // 数据字典中label字段的属性名
|
||
// children: 'children', // 数据字典中children字段的属性名
|
||
// getData: (url, dict) => { // 配置此参数会覆盖全局的getRemoteDictFunc
|
||
// return request({ url: url, params: { limit: 999, status: 1 } }).then(ret => {
|
||
// const data = XEUtils.toArrayTree(ret.data.data, { parentKey: 'parent', strict: true })
|
||
// return [{ id: null, name: '根节点', children: data }]
|
||
// })
|
||
// }
|
||
// },
|
||
// form: {
|
||
// component: {
|
||
// span: 12,
|
||
|
||
// props: {
|
||
// elProps: {
|
||
// clearable: true,
|
||
// showAllLevels: false, // 仅显示最后一级
|
||
// props: {
|
||
// checkStrictly: true, // 可以不需要选到最后一级
|
||
// emitPath: false,
|
||
// clearable: true
|
||
// }
|
||
// }
|
||
// }
|
||
// }
|
||
// }
|
||
// },
|
||
{
|
||
title: "部门名称",
|
||
key: "name",
|
||
sortable: true,
|
||
treeNode: true, // 设置为树形列
|
||
search: {
|
||
disabled: false,
|
||
component: {
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
},
|
||
},
|
||
width: 180,
|
||
type: "input",
|
||
form: {
|
||
rules: [
|
||
// 表单校验规则
|
||
{ required: true, message: "部门名称必填项" },
|
||
],
|
||
component: {
|
||
span: 12,
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
placeholder: "请输入部门名称",
|
||
},
|
||
itemProps: {
|
||
class: { yxtInput: true },
|
||
},
|
||
},
|
||
},
|
||
{
|
||
title: "负责人",
|
||
key: "owner",
|
||
sortable: true,
|
||
form: {
|
||
component: {
|
||
span: 12,
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
placeholder: "请输入负责人",
|
||
},
|
||
},
|
||
},
|
||
{
|
||
title: "联系电话",
|
||
key: "phone",
|
||
sortable: true,
|
||
form: {
|
||
component: {
|
||
span: 12,
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
placeholder: "请输入联系电话",
|
||
},
|
||
},
|
||
},
|
||
{
|
||
title: "邮箱",
|
||
key: "email",
|
||
sortable: true,
|
||
form: {
|
||
component: {
|
||
span: 12,
|
||
props: {
|
||
clearable: true,
|
||
},
|
||
placeholder: "请输入邮箱",
|
||
},
|
||
rules: [
|
||
{
|
||
type: "email",
|
||
message: "请输入正确的邮箱地址",
|
||
trigger: ["blur", "change"],
|
||
},
|
||
],
|
||
},
|
||
},
|
||
{
|
||
title: "排序",
|
||
key: "sort",
|
||
sortable: true,
|
||
width: 80,
|
||
type: "number",
|
||
form: {
|
||
value: 1,
|
||
component: {
|
||
span: 12,
|
||
placeholder: "请选择序号",
|
||
},
|
||
},
|
||
},
|
||
{
|
||
title: "状态",
|
||
key: "status",
|
||
sortable: true,
|
||
search: {
|
||
disabled: false,
|
||
},
|
||
width: 90,
|
||
type: "radio",
|
||
dict: {
|
||
data: vm.dictionary("button_status_bool"),
|
||
},
|
||
form: {
|
||
value: true,
|
||
component: {
|
||
span: 12,
|
||
placeholder: "请选择状态",
|
||
},
|
||
},
|
||
},
|
||
].concat(vm.commonEndColumns()),
|
||
};
|
||
};
|