add:添加用户组功能模块

src/views/system/group/components/config.ts

@@ -0,0 +1,291 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '用户组名称',
+    component: 'Input',
+  },
+  {
+    field: 'code',
+    label: '用户组编码',
+    component: 'Input',
+  },
+  {
+    field: 'enabledMark',
+    label: '状态',
+    component: 'XjrSelect',
+    componentProps: {
+      datasourceType: 'staticData',
+      staticOptions: [
+        { key: 1, label: '启用', value: '0' },
+        { key: 2, label: '停用', value: '1' },
+      ],
+      labelField: 'label',
+      valueField: 'value',
+
+      getPopupContainer: () => document.body,
+    },
+  }
+];
+
+export const columns: BasicColumn[] = [
+  {
+    dataIndex: 'name',
+    title: '用户组名称',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'code',
+    title: '用户组编码',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'enabledMark',
+    title: '状态',
+    componentType: 'radio',
+    align: 'left',
+
+    customRender: ({ record }) => {
+      const staticOptions = [
+        { key: 1, label: '启用', value: 0 },
+        { key: 2, label: '停用', value: 1 },
+      ];
+      return staticOptions.filter((x) => x.value === record.enabledMark)[0]?.label;
+    },
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'remark',
+    title: '备注',
+    componentType: 'textarea',
+    align: 'left',
+
+    sorter: true,
+  },
+];
+//表单事件
+export const formEventConfigs = {
+  0: [
+    {
+      type: 'circle',
+      color: '#2774ff',
+      text: '开始节点',
+      icon: '#icon-kaishi',
+      bgcColor: '#D8E5FF',
+      isUserDefined: false,
+    },
+    {
+      color: '#F6AB01',
+      icon: '#icon-chushihua',
+      text: '初始化表单',
+      bgcColor: '#f9f5ea',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  1: [
+    {
+      color: '#B36EDB',
+      icon: '#icon-shujufenxi',
+      text: '获取表单数据',
+      detail: '(新增无此操作)',
+      bgcColor: '#F8F2FC',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  2: [
+    {
+      color: '#F8625C',
+      icon: '#icon-jiazai',
+      text: '加载表单',
+      bgcColor: '#FFF1F1',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  3: [
+    {
+      color: '#6C6AE0',
+      icon: '#icon-jsontijiao',
+      text: '提交表单',
+      bgcColor: '#F5F4FF',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  4: [
+    {
+      type: 'circle',
+      color: '#F8625C',
+      text: '结束节点',
+      icon: '#icon-jieshuzhiliao',
+      bgcColor: '#FFD6D6',
+      isLast: true,
+      isUserDefined: false,
+    },
+  ],
+};
+export const formProps: FormProps = {
+  labelCol: { span: 3, offset: 0, labelWidthMode: 'flex' },
+  labelAlign: 'right',
+  layout: 'horizontal',
+  size: 'default',
+  schemas: [
+    {
+      key: '78982448aafb4c6aa670af77d3c81671',
+      field: 'name',
+      label: '用户组名称',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: true,
+        respNewRow: false,
+        placeholder: '请输入用户组名称',
+        maxlength: null,
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: true,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '5042a508994f4b73a6e6ff826bfc90a3',
+      field: 'code',
+      label: '用户组编码',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: true,
+        respNewRow: false,
+        placeholder: '请输入用户组编码',
+        maxlength: null,
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: true,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'f236824d858c43cfb801762f2a585f75',
+      field: 'enabledMark',
+      label: '状态',
+      type: 'radio',
+      component: 'ApiRadioGroup',
+      colProps: { span: 24 },
+      componentProps: {
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: true,
+        respNewRow: false,
+        showLabel: true,
+        disabled: false,
+        optionType: 'default',
+        staticOptions: [
+          { key: 1, label: '启用', value: 0 },
+          { key: 2, label: '停用', value: 1 },
+        ],
+        datasourceType: 'staticData',
+        labelField: 'label',
+        valueField: 'value',
+        defaultSelect: '0',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        params: null,
+        style: {},
+      },
+    },
+    {
+      key: '06f7026e60a14d07a0e53043caf99437',
+      field: 'remark',
+      label: '备注',
+      type: 'textarea',
+      component: 'InputTextArea',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: true,
+        respNewRow: true,
+        placeholder: '请输入备注',
+        maxlength: null,
+        rows: 4,
+        autoSize: false,
+        showCount: false,
+        disabled: false,
+        showLabel: true,
+        allowClear: false,
+        required: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+  ],
+  showActionButtonGroup: false,
+  buttonLocation: 'center',
+  actionColOptions: { span: 24 },
+  showResetButton: false,
+  showSubmitButton: false,
+  hiddenComponent: [],
+};