139 lines
3.4 KiB
TypeScript
139 lines
3.4 KiB
TypeScript
import shopUserApi, { type editRequest } from "@/api/account/shopUser";
|
||
import type { IModalConfig } from "@/components/CURD/types";
|
||
import dayjs from "dayjs";
|
||
|
||
const modalConfig: IModalConfig<editRequest> = {
|
||
pageName: "sys:user",
|
||
dialog: {
|
||
title: "修改用户",
|
||
width: 800,
|
||
draggable: true,
|
||
},
|
||
pk: "id",
|
||
form: {
|
||
labelWidth: 140,
|
||
},
|
||
formAction: function (data: editRequest) {
|
||
return shopUserApi.edit(data.shopid, data);
|
||
},
|
||
beforeSubmit(data) {
|
||
console.log("提交之前处理", data);
|
||
data.birthDay = data.birthDay ? dayjs(data.birthDay).format("YYYY-MM-DD") : '';
|
||
},
|
||
formItems: [
|
||
// {
|
||
// label: "用户头像",
|
||
// prop: "headImg",
|
||
// rules: [{ required: false, message: "请选择用户头像", trigger: "blur" }],
|
||
// type: "UpImage",
|
||
// attrs: {
|
||
// placeholder: "请选择用户头像",
|
||
// },
|
||
|
||
// },
|
||
{
|
||
label: "用户昵称",
|
||
prop: "nickName",
|
||
rules: [{ required: true, message: "请输入用户昵称", trigger: "blur" }],
|
||
type: "input",
|
||
attrs: {
|
||
placeholder: "请输入用户昵称",
|
||
},
|
||
col: {
|
||
xs: 24,
|
||
sm: 12,
|
||
},
|
||
},
|
||
// {
|
||
// type: "input",
|
||
// label: "手机号码",
|
||
// prop: "phone",
|
||
// rules: [
|
||
// {
|
||
// required: true,
|
||
// pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||
// message: "请输入正确的手机号码",
|
||
// trigger: "blur",
|
||
// },
|
||
// ],
|
||
// attrs: {
|
||
// placeholder: "请输入手机号码",
|
||
// maxlength: 11,
|
||
// },
|
||
// col: {
|
||
// xs: 24,
|
||
// sm: 12,
|
||
// },
|
||
// },
|
||
{
|
||
label: "会员生日",
|
||
prop: "birthDay",
|
||
rules: [{ required: true, message: "请选择会员生日", trigger: "blur" }],
|
||
type: "date-picker",
|
||
attrs: {
|
||
placeholder: "请选择会员生日",
|
||
},
|
||
col: {
|
||
xs: 24,
|
||
sm: 12,
|
||
},
|
||
},
|
||
{
|
||
type: "radio",
|
||
label: "性别",
|
||
prop: "sex",
|
||
rules: [{ required: true, message: "请选择性别", trigger: "blur" }],
|
||
attrs: {
|
||
placeholder: "请选择性别",
|
||
},
|
||
initialValue: '',
|
||
options: [
|
||
{ label: '男', value: 1 },
|
||
{ label: '女', value: 0 },
|
||
],
|
||
col: {
|
||
xs: 24,
|
||
sm: 12,
|
||
},
|
||
},
|
||
// {
|
||
// label: "账户积分",
|
||
// prop: "accountPoints",
|
||
// rules: [{ required: false, message: "请输入账户积分", trigger: "blur" }],
|
||
// type: "input-number",
|
||
// attrs: {
|
||
// placeholder: "请输入账户积分",
|
||
// },
|
||
// col: {
|
||
// xs: 24,
|
||
// sm: 12,
|
||
// },
|
||
// },
|
||
// {
|
||
// label: "钱包余额",
|
||
// prop: "amount",
|
||
// rules: [{ required: false, message: "请输入钱包余额", trigger: "blur" }],
|
||
// type: "input-number",
|
||
// attrs: {
|
||
// placeholder: "请输入钱包余额",
|
||
// },
|
||
// col: {
|
||
// xs: 24,
|
||
// sm: 12,
|
||
// },
|
||
// },
|
||
// {
|
||
// type: "radio",
|
||
// label: "是否会员",
|
||
// prop: "isVip",
|
||
// options: [
|
||
// { label: '是', value: 1 },
|
||
// { label: '否', value: 0 },
|
||
// ],
|
||
// },
|
||
],
|
||
};
|
||
|
||
// 如果有异步数据会修改配置的，推荐用reactive包裹，而纯静态配置的可以直接导出
|
||
export default reactive(modalConfig);
|