497 lines
10 KiB
TypeScript
497 lines
10 KiB
TypeScript
import type { FormSchemaGetter } from '#/adapter/form';
|
|
import type { VxeGridProps } from '#/adapter/vxe-table';
|
|
|
|
import { getDictOptions } from '#/utils/dict';
|
|
import { renderDict } from '#/utils/render';
|
|
import { costItemSettingList } from '#/api/property/costManagement/costItemSetting';
|
|
import { personList } from '#/api/property/resident/person';
|
|
import { communityTree } from '#/api/property/community';
|
|
import { handleNode } from '@vben/utils';
|
|
|
|
|
|
export const querySchema: FormSchemaGetter = () => [
|
|
{
|
|
component: 'Input',
|
|
fieldName: 'carNumber',
|
|
label: '车牌号',
|
|
},
|
|
{
|
|
component: 'Input',
|
|
fieldName: 'personId',
|
|
label: '业主',
|
|
},
|
|
{
|
|
component: 'Select',
|
|
componentProps: {
|
|
// 可选从DictEnum中获取 DictEnum.WY_CSZT 便于维护
|
|
options: getDictOptions('wy_cszt'),
|
|
},
|
|
fieldName: 'state',
|
|
label: '状态',
|
|
},
|
|
];
|
|
|
|
// 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
|
|
// export const columns: () => VxeGridProps['columns'] = () => [
|
|
export const columns: VxeGridProps['columns'] = [
|
|
{ type: 'checkbox', width: 60 },
|
|
{
|
|
title: '序号',
|
|
field: 'id',
|
|
slots: {
|
|
default: ({ rowIndex }) => {
|
|
return (rowIndex + 1).toString();
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: '车牌号',
|
|
field: 'carNumber',
|
|
},
|
|
{
|
|
title: '车位',
|
|
field: 'location',
|
|
},
|
|
{
|
|
title: '业主',
|
|
field: 'personId',
|
|
},
|
|
// {
|
|
// title: '状态',
|
|
// field: 'state',
|
|
// slots: {
|
|
// default: ({ row }) => {
|
|
// // 可选从DictEnum中获取 DictEnum.WY_CSZT 便于维护
|
|
// return renderDict(row.state, 'wy_cszt');
|
|
// },
|
|
// },
|
|
// },
|
|
{
|
|
title: '收费项目',
|
|
field: 'costItemsId',
|
|
},
|
|
{
|
|
title: '计费开始时间',
|
|
field: 'starTime',
|
|
},
|
|
{
|
|
title: '计费结束时间',
|
|
field: 'endTime',
|
|
},
|
|
{
|
|
title: '说明',
|
|
field: 'remark',
|
|
},
|
|
{
|
|
title: '状态',
|
|
field: 'charge_status',
|
|
slots:{
|
|
default:({row}) => {
|
|
return renderDict(row.charge_status, 'wy_fyshzt')
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'action',
|
|
fixed: 'right',
|
|
slots: { default: 'action' },
|
|
title: '操作',
|
|
width: 180,
|
|
},
|
|
];
|
|
//详情
|
|
export const modalSchema: FormSchemaGetter = () => [
|
|
{
|
|
label: '主键',
|
|
fieldName: 'id',
|
|
component: 'Input',
|
|
dependencies: {
|
|
show: () => false,
|
|
triggerFields: [''],
|
|
},
|
|
},
|
|
{
|
|
label: '车牌号',
|
|
fieldName: 'carNumber',
|
|
component: 'Input',
|
|
rules: 'required',
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '业主',//
|
|
fieldName: 'personId',
|
|
component: 'ApiSelect',
|
|
rules:'required',
|
|
componentProps:{
|
|
api: async () => {
|
|
const rows = await personList({pageSize:1000000000,pageNum:1});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'userName',
|
|
valueField:'id'
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '楼层',
|
|
fieldName: 'floorId',
|
|
component: 'TreeSelect',
|
|
rules:'required',
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '车位',
|
|
fieldName: 'location',
|
|
component: 'Input',
|
|
disabled:true,
|
|
},
|
|
// {
|
|
// label: '状态',
|
|
// fieldName: 'state',
|
|
// component: 'Select',
|
|
// componentProps: {
|
|
// // 可选从DictEnum中获取 DictEnum.WY_CSZT 便于维护
|
|
// options: getDictOptions('wy_cszt'),
|
|
// },
|
|
// },
|
|
{
|
|
label: '费用类型',//一个费用下有多个收费项目
|
|
fieldName: 'costType',
|
|
component: 'Select',
|
|
componentProps:{
|
|
options:getDictOptions('pro_expense_type'),
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '收费项目',//一个收费项目对应一个费用类型
|
|
fieldName: 'costItemsId',
|
|
component: 'ApiSelect',
|
|
componentProps: {
|
|
api: async () => {
|
|
const rows = await costItemSettingList({pageSize:1000000000,pageNum:1,costType:'2'});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'chargeItem',
|
|
valueField: 'id',
|
|
},
|
|
rules: 'required',
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '计费开始时间',
|
|
fieldName: 'starTime',
|
|
component: 'DatePicker',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '计费结束时间',
|
|
fieldName: 'endTime',
|
|
component: 'DatePicker',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '说明',
|
|
fieldName: 'remark',
|
|
component: 'Input',
|
|
disabled:true,
|
|
},
|
|
];
|
|
//创建
|
|
export const addModalSchema: FormSchemaGetter = () => [
|
|
{
|
|
label: '主键',
|
|
fieldName: 'id',
|
|
component: 'Input',
|
|
dependencies: {
|
|
show: () => false,
|
|
triggerFields: [''],
|
|
},
|
|
},
|
|
{
|
|
label: '车牌号',
|
|
fieldName: 'carNumber',
|
|
component: 'Input',
|
|
rules: 'required',
|
|
},
|
|
{
|
|
label: '业主',//
|
|
fieldName: 'personId',
|
|
component: 'ApiSelect',
|
|
disabled:false,
|
|
rules:'required',
|
|
componentProps:{
|
|
api: async () => {
|
|
const rows = await personList({pageSize:1000000000,pageNum:1});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'userName',
|
|
valueField:'id'
|
|
}
|
|
},
|
|
{
|
|
label: '楼层',
|
|
fieldName: 'floorId',
|
|
component: 'TreeSelect',
|
|
rules:'required',
|
|
},
|
|
{
|
|
label: '车位',
|
|
fieldName: 'location',
|
|
component: 'Input',
|
|
},
|
|
{
|
|
label: '费用类型',//一个费用下有多个收费项目
|
|
fieldName: 'costType',
|
|
component: 'Select',
|
|
componentProps:{
|
|
options:getDictOptions('pro_expense_type'),
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '收费项目',//一个收费项目对应一个费用类型
|
|
fieldName: 'costItemsId',
|
|
component: 'ApiSelect',
|
|
componentProps: {
|
|
api: async () => {
|
|
const rows = await costItemSettingList({pageSize:1000000000,pageNum:1,costType:'2'});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'chargeItem',
|
|
valueField: 'id',
|
|
},
|
|
rules: 'required',
|
|
},
|
|
{
|
|
label: '计费开始时间',
|
|
fieldName: 'starTime',
|
|
component: 'DatePicker',
|
|
rules: 'required',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
},
|
|
{
|
|
label: '计费结束时间',
|
|
fieldName: 'endTime',
|
|
component: 'DatePicker',
|
|
rules:'required',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
},
|
|
{
|
|
label: '说明',
|
|
fieldName: 'remark',
|
|
component: 'Input',
|
|
},
|
|
];
|
|
//缴费
|
|
export const payModalSchema: FormSchemaGetter = () => [
|
|
{
|
|
label: '主键',
|
|
fieldName: 'id',
|
|
component: 'Input',
|
|
dependencies: {
|
|
show: () => false,
|
|
triggerFields: [''],
|
|
},
|
|
},
|
|
{
|
|
label: '车牌号',
|
|
fieldName: 'carNumber',
|
|
component: 'Input',
|
|
rules: 'required',
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '业主',//
|
|
fieldName: 'personId',
|
|
component: 'ApiSelect',
|
|
rules:'required',
|
|
componentProps:{
|
|
api: async () => {
|
|
const rows = await personList({pageSize:1000000000,pageNum:1});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'userName',
|
|
valueField:'id'
|
|
},
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '楼层',
|
|
fieldName: 'floorId',
|
|
component: 'TreeSelect',
|
|
rules:'required',
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '车位',
|
|
fieldName: 'location',
|
|
component: 'Input',
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '费用类型',//一个费用下有多个收费项目
|
|
fieldName: 'costType',
|
|
component: 'Select',
|
|
componentProps:{
|
|
options:getDictOptions('pro_expense_type'),
|
|
},
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '收费项目',//一个收费项目对应一个费用类型
|
|
fieldName: 'costItemsId',
|
|
component: 'ApiSelect',
|
|
componentProps: {
|
|
api: async () => {
|
|
const rows = await costItemSettingList({pageSize:1000000000,pageNum:1,costType:'2'});
|
|
return rows;
|
|
},
|
|
resultField: 'rows',
|
|
labelField: 'chargeItem',
|
|
valueField: 'id',
|
|
},
|
|
rules: 'required',
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '计费开始时间',
|
|
fieldName: 'starTime',
|
|
component: 'DatePicker',
|
|
rules: 'required',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '计费结束时间',
|
|
fieldName: 'endTime',
|
|
component: 'DatePicker',
|
|
rules:'required',
|
|
componentProps: {
|
|
showTime: true,
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
},
|
|
disabled:true,
|
|
|
|
},
|
|
{
|
|
label: '说明',
|
|
fieldName: 'remark',
|
|
component: 'Input',
|
|
disabled:true,
|
|
},
|
|
{
|
|
label: '支付方式',
|
|
fieldName: 'payType',
|
|
component: 'Select',
|
|
componentProps:{
|
|
options:getDictOptions('wy_zffs'),
|
|
},
|
|
rules: 'required',
|
|
},
|
|
{
|
|
label: '缴费周期',
|
|
fieldName: 'chargeCycle',
|
|
component: 'Select',
|
|
componentProps:{
|
|
options:getDictOptions('wy_jfzq'),
|
|
},
|
|
},
|
|
{
|
|
label: '实收金额',
|
|
fieldName: 'cost',
|
|
component: 'Input',
|
|
},
|
|
{
|
|
label: '自定义周期',
|
|
fieldName: 'remark',
|
|
component: 'Input',
|
|
},
|
|
];
|
|
export const detailColumns: VxeGridProps['columns'] = [
|
|
{
|
|
title: '序号',
|
|
field: 'id',
|
|
slots: {
|
|
default: ({ rowIndex }) => {
|
|
return (rowIndex + 1).toString();
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: '费用项目',
|
|
field: 'carNumber',
|
|
},
|
|
{
|
|
title: '费用标识',
|
|
field: 'location',
|
|
},
|
|
{
|
|
title: '应收金额',
|
|
field: 'personId',
|
|
},
|
|
{
|
|
title: '状态',
|
|
field: 'state',
|
|
slots: {
|
|
default: ({ row }) => {
|
|
// 可选从DictEnum中获取 DictEnum.WY_CSZT 便于维护
|
|
return renderDict(row.state, 'wy_cszt');
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: '建帐时间',
|
|
field: 'starTime',
|
|
},
|
|
{
|
|
title: '应收时间',
|
|
field: 'endTime',
|
|
},
|
|
{
|
|
title: '说明',
|
|
field: 'remark',
|
|
},
|
|
{
|
|
field: 'action',
|
|
fixed: 'right',
|
|
slots: { default: 'action' },
|
|
title: '操作',
|
|
width: 180,
|
|
},
|
|
];
|