81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
import creditApi from "@/api/order/credit";
|
||
import { returnOptions } from "./config";
|
||
import type { IModalConfig } from "@/components/CURD/types";
|
||
|
||
const modalConfig: IModalConfig = {
|
||
pageName: "sys:user",
|
||
dialog: {
|
||
title: "创建挂账人",
|
||
width: 800,
|
||
draggable: true,
|
||
},
|
||
form: {
|
||
labelWidth: 140,
|
||
},
|
||
formAction: function (data) {
|
||
return creditApi.add({ ...data });
|
||
},
|
||
beforeSubmit(data) {
|
||
console.log("提交之前处理", data);
|
||
},
|
||
formItems: [
|
||
{
|
||
label: "状态",
|
||
prop: "status",
|
||
type: 'switch',
|
||
attrs: {
|
||
activeText: '开启',
|
||
inactiveText: '关闭',
|
||
activeValue: 1,
|
||
inactiveValue: 0
|
||
},
|
||
initialValue: 1
|
||
},
|
||
|
||
{
|
||
label: "挂账人",
|
||
prop: "debtor",
|
||
rules: [{ required: true, message: "请输入挂账人", trigger: "blur" }],
|
||
attrs: {
|
||
placeholder: "请输入挂账人",
|
||
},
|
||
},
|
||
{
|
||
label: "手机号",
|
||
prop: "mobile",
|
||
rules: [{ required: true, message: "请输入挂账人手机号", trigger: "blur" }],
|
||
attrs: {
|
||
placeholder: "请输入挂账人手机号",
|
||
},
|
||
},
|
||
{
|
||
label: "职务",
|
||
prop: "position",
|
||
rules: [{ required: false, message: "请输入挂账人职务", trigger: "blur" }],
|
||
attrs: {
|
||
placeholder: "请输入挂账人职务",
|
||
},
|
||
},
|
||
{
|
||
label: "挂账额度",
|
||
prop: "creditAmount",
|
||
type: "input-number",
|
||
rules: [{ required: true, message: "请输入挂账额度", trigger: "blur" }],
|
||
attrs: {
|
||
placeholder: "请输入挂账额度",
|
||
},
|
||
initialValue: 0
|
||
},
|
||
{
|
||
label: "还款方式",
|
||
prop: "repaymentMethod",
|
||
type: "radio-button",
|
||
options: returnOptions('repaymentMethod'),
|
||
initialValue: returnOptions('repaymentMethod')[0].value
|
||
},
|
||
],
|
||
};
|
||
|
||
// 如果有异步数据会修改配置的，推荐用reactive包裹，而纯静态配置的可以直接导出
|
||
export default reactive(modalConfig);
|