import * as api from './api'; import { dict, UserPageQuery, AddReq, DelReq, EditReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud'; import {request} from '/@/utils/service'; import {dictionary} from '/@/utils/dictionary'; import {successMessage} from '/@/utils/message'; import {auth} from '/@/utils/authFunction'; import {SystemConfigStore} from "/@/stores/systemConfig"; import {storeToRefs} from "pinia"; import {computed} from "vue"; import { Md5 } from 'ts-md5'; import {commonCrudConfig} from "/@/utils/commonCrud"; export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps): CreateCrudOptionsRet { const pageRequest = async (query: UserPageQuery) => { return await api.GetList(query); }; const editRequest = async ({form, row}: EditReq) => { form.id = row.id; return await api.UpdateObj(form); }; const delRequest = async ({row}: DelReq) => { return await api.DelObj(row.id); }; const addRequest = async ({form}: AddReq) => { return await api.AddObj(form); }; const exportRequest = async (query: UserPageQuery) => { return await api.exportData(query) } const resetToDefaultPasswordRequest = async (row:EditReq)=>{ await api.resetToDefaultPassword(row.id) successMessage("重置密码成功") } const systemConfigStore = SystemConfigStore() const {systemConfig} = storeToRefs(systemConfigStore) const getSystemConfig = computed(() => { // console.log(systemConfig.value) return systemConfig.value }) return { crudOptions: { table: { remove: { confirmMessage: '是否删除该用户？', }, }, request: { pageRequest, addRequest, editRequest, delRequest, }, form: { initialForm: { password: computed(() => { return systemConfig.value['base.default_password'] }), } }, actionbar: { buttons: { add: { show: auth('user:Create') }, export: { text: "导出",//按钮文字 title: "导出",//鼠标停留显示的信息 show: auth('user:Export'), click() { return exportRequest(crudExpose!.getSearchFormData()) } } } }, rowHandle: { //固定右侧 fixed: 'right', width: 200, buttons: { view: { show: false, }, edit: { iconRight: 'Edit', type: 'text', show: auth('user:Update'), }, remove: { iconRight: 'Delete', type: 'text', show: auth('user:Delete'), }, custom: { text: '重设密码', type: 'text', show: auth('user:ResetPassword'), tooltip: { placement: 'top', content: '重设密码', }, //@ts-ignore click: (ctx: any) => { const {row} = ctx; resetToDefaultPasswordRequest(row) }, }, }, }, columns: { _index: { title: '序号', form: {show: false}, column: { type: 'index', align: 'center', width: '70px', columnSetDisabled: true, //禁止在列设置中选择 }, }, username: { title: '账号', search: { show: true, }, type: 'input', column: { minWidth: 100, //最小列宽 }, form: { rules: [ // 表单校验规则 { required: true, message: '账号必填项', }, ], component: { placeholder: '请输入账号', }, }, }, password: { title: '密码', type: 'password', column: { show: false, }, editForm: { show: false, }, form: { rules: [ // 表单校验规则 { required: true, message: '密码必填项', }, ], component: { span: 12, showPassword: true, placeholder: '请输入密码', }, }, valueResolve({form}) { if (form.password) { form.password = Md5.hashStr(form.password) } } }, name: { title: '姓名', search: { show: true, }, type: 'input', column: { minWidth: 100, //最小列宽 }, form: { rules: [ // 表单校验规则 { required: true, message: '姓名必填项', }, ], component: { span: 12, placeholder: '请输入姓名', }, }, }, dept: { title: '部门', search: { disabled: true, }, type: 'dict-tree', dict: dict({ isTree: true, url: '/api/system/dept/all_dept/', value: 'id', label: 'name' }), column: { minWidth: 200, //最小列宽 formatter({value,row,index}){ return row.dept_name_all } }, form: { rules: [ // 表单校验规则 { required: true, message: '必填项', }, ], component: { filterable: true, placeholder: '请选择', props: { checkStrictly:true, props: { value: 'id', label: 'name', }, }, }, }, }, role: { title: '角色', search: { disabled: true, }, type: 'dict-select', dict: dict({ url: '/api/system/role/', value: 'id', label: 'name', }), column: { minWidth: 200, //最小列宽 formatter({value,row,index}){ const values = row.role_info.map((item:any) => item.name); return values.join(',') } }, form: { rules: [ // 表单校验规则 { required: true, message: '必填项', }, ], component: { multiple: true, filterable: true, placeholder: '请选择角色', }, }, }, mobile: { title: '手机号码', search: { show: true, }, type: 'input', column: { minWidth: 120, //最小列宽 }, form: { rules: [ { max: 20, message: '请输入正确的手机号码', trigger: 'blur', }, { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', }, ], component: { placeholder: '请输入手机号码', }, }, }, email: { title: '邮箱', column: { width: 260, }, form: { rules: [ { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'], }, ], component: { placeholder: '请输入邮箱', }, }, }, gender: { title: '性别', type: 'dict-select', dict: dict({ data: dictionary('gender'), }), form: { value: 1, component: { span: 12, }, }, component: {props: {color: 'auto'}}, // 自动染色 }, user_type: { title: '用户类型', search: { show: true, }, type: 'dict-select', dict: dict({ data: dictionary('user_type'), }), column: { minWidth: 100, //最小列宽 }, form: { show: false, value: 0, component: { span: 12, }, }, }, is_active: { title: '状态', search: { show: true, }, type: 'dict-radio', column: { component: { name: 'fs-dict-switch', activeText: '', inactiveText: '', style: '--el-switch-on-color: var(--el-color-primary); --el-switch-off-color: #dcdfe6', onChange: compute((context) => { return () => { api.UpdateObj(context.row).then((res: APIResponseData) => { successMessage(res.msg as string); }); }; }), }, }, dict: dict({ data: dictionary('button_status_bool'), }), }, avatar: { title: '头像', type: 'avatar-cropper', form: { show: false, }, column: { minWidth: 400, //最小列宽 }, }, ...commonCrudConfig({ dept_belong_id: { form: true, table: true } }) }, }, }; };