From b19d937fd8f1f0ff8b27b660966e3a4495b1d5ef Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 04 七月 2024 11:29:30 +0800
Subject: [PATCH] 高级表单优化
---
src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts | 174 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 86 insertions(+), 88 deletions(-)
diff --git a/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts b/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts
index d957ead..2d35433 100644
--- a/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts
+++ b/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts
@@ -4,17 +4,15 @@
* @version:
* @Date: 2024-06-19 20:34:27
* @LastEditors: Ben Lin
- * @LastEditTime: 2024-07-01 17:08:25
+ * @LastEditTime: 2024-07-04 11:21:08
*/
-import { Ref } from 'vue';
+import { Ref, ref } from 'vue';
import { DeleteEntity, getEntity } from '/@/api/tigerapi/system';
-import { ActionItem, BasicColumn, useTable } from '/@/components/Table';
+import { ActionItem, BasicColumn, FormSchema, useTable } from '/@/components/Table';
import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is';
-import { buildUUID } from '/@/utils/uuid';
-import { useUserStore } from '/@/store/modules/user';
-import { formatToDateTime } from '/@/utils/dateUtil';
import { useDrawer } from '/@/components/Drawer';
+import { EditOperation, Search, custDel } from '../data';
function _default(): any[] {
const ActionColumn: BasicColumn = {
@@ -25,6 +23,8 @@
fixed: undefined,
};
+ let _data = ref<any>({});
+ let record = {};
/**
* @description: 涓�浜涜嚜瀹氫箟鏂规硶
* @return {*}
@@ -57,37 +57,21 @@
* @param {*} u
* @return {*}
*/
- EditOperation: (data: Ref<any[]>, d, u) => {
- if (u.isUpdate) {
- //鏇存柊
- var _data = data.value.map((item) => {
- if (item['ID'] == d.ID)
- return {
- ...item,
- PKG_CODE: d.PKG_CODE,
- PKG_LEVEL: d.PKG_LEVEL,
- PKG_QTY: d.PKG_QTY,
- LABEL_CODE: d.LABEL_CODE,
- REMARK: d.REMARK,
- };
- return item;
- });
- data.value = _data;
- } else {
- //鏂板
- d.ID = buildUUID();
- d.CREATE_USER = useUserStore().getUserInfo.userId as string;
- d.UPDATE_TIME = formatToDateTime(new Date());
- d.UPDATE_USER = useUserStore().getUserInfo.userId as string;
- var _data2: any[] = [];
- if (!isNullOrEmpty(data.value)) {
- _data2 = data.value.map((item) => {
- return item;
- });
- }
- _data2.push(d);
- data.value = _data2;
- }
+ EditOperation: (data: Ref<any[]>, d, u, item) => {
+ //鏇存柊
+ var _data = data.value[item].map((item) => {
+ if (item['ID'] == d.ID)
+ return {
+ ...item,
+ PKG_CODE: d.PKG_CODE,
+ PKG_LEVEL: d.PKG_LEVEL,
+ PKG_QTY: d.PKG_QTY,
+ LABEL_CODE: d.LABEL_CODE,
+ REMARK: d.REMARK,
+ };
+ return item;
+ });
+ EditOperation(data, d, u, item, _data);
},
/**
* @description: 楂樼骇琛ㄥ崟鍜岃鎯呴〉闈㈣繑鍥炰富椤甸潰鐨剈rl
@@ -114,10 +98,12 @@
* @description: 楂樼骇琛ㄥ崟澧炲垹鏀硅〃鍗曞瓧娈�
* @return {*}
*/
- GetCrudForm: (type: string) => {
+ GetCrudForm: (type: string, ...args) => {
+ _data = args[0];
+ record = args[1];
return crudForms[type];
},
- OthersValues: (val: string, id: string) => {
+ KeyFieldValues: (val: string, id: string) => {
return { PKG_RULE_ID: id };
},
/**
@@ -218,18 +204,19 @@
* @param {array} args
* @return {*}
*/
- GetUseTables: (data: any[], ...args) => {
+ GetUseTables: (data: Ref<{}>, ...args) => {
return {
BAS_PKG_DTL: useTable({
title: '鍒楄〃淇℃伅',
- dataSource: data,
+ dataSource: data.value['BAS_PKG_DTL'],
columns: baseColumns['BAS_PKG_DTL'],
formConfig: {
labelWidth: 140,
schemas: searchForms['BAS_PKG_DTL'],
+ submitFunc: () => Search('BAS_PKG_DTL', data, args[0]), //鑷畾涔夋煡璇㈡彁浜ゆ寜閽殑鏂规硶锛岃Е鍙戞煡璇㈡彁浜や簨浠�
},
useSearchForm: true,
- showTableSetting: true,
+ showTableSetting: false,
bordered: true,
canResize: true,
showIndexColumn: false,
@@ -242,6 +229,23 @@
}, //鑷畾涔夋搷浣滃垪
}),
};
+ },
+ /**
+ * @description: 琛ㄦ牸鏌ヨ鍥炶皟锛岀埗缁勪欢涓�氳繃瀛愮粍浠惰Е鍙戠殑浜嬩欢鑾峰彇浼犲叆鐨勫�硷紝鍋氬叿浣撶殑鏌ヨ閫昏緫瀹炵幇
+ * @param {*} d
+ * @return {*}
+ */
+ FormSearch: (d) => {
+ let data = {} as any;
+ switch (d.type) {
+ case 'BAS_PKG_DTL':
+ data = d.data.value[d.type].filter((item) => item.PKG_CODE.includes(d.values.PKG_CODE));
+ if (isNullOrEmpty(d.values.PKG_CODE)) {
+ data = d.data.value[d.type];
+ }
+ break;
+ }
+ return data;
},
/**
* @description: 鑾峰彇鏍囬淇℃伅
@@ -261,32 +265,6 @@
/* 浠ヤ笅鏄唴閮ㄦ柟娉曪紝涓峞xport锛屼緵涓婇潰鐨勬柟娉曡皟鐢� */
- /**
- * @description: 鑷畾涔夊垹闄ゆ柟娉�
- * @param {Fn} args
- * @param {*} params
- * @return {*}
- */
- function custDel(args: Fn[], params: {}) {
- if (!isNullOrEmpty(params['data'])) {
- var _data = params['data'].value.filter((item) => item['ID'] != params['record']['ID']);
- params['data'].value = _data;
- args[6]({
- dataSource: [],
- });
- args[6]({
- dataSource: params['data'],
- });
- args[1]();
- } else {
- DeleteEntity(params['record'], params['entityName']).then((action) => {
- if (action.IsSuccessed) {
- args[1]();
- }
- });
- }
- }
-
const searchForms = {
BAS_PKG_DTL: [
{
@@ -297,7 +275,7 @@
span: 8,
},
},
- ],
+ ] as FormSchema[],
};
const baseColumns = {
@@ -333,25 +311,20 @@
title: '鏇存柊浜�',
dataIndex: 'UPDATE_USER',
},
- ],
+ ] as BasicColumn[],
};
const crudForms = {
BAS_PKG_DTL: [
{
- field: 'PKG_CODE',
- label: '鍖呰/杞藉叿缂栫爜',
- component: 'ApiSelect',
- required: true,
+ label: '鍖呰瑙勫垯ID',
+ field: 'PKG_RULE_ID',
+ component: 'Input',
colProps: {
span: 24,
},
- componentProps: {
- api: getEntity,
- params: { entityName: 'BAS_PKG_TYPE', sqlcmd: ' 1=1 ' },
- resultField: 'Data.Items',
- labelField: 'PKG_NAME',
- valueField: 'PKG_CODE',
+ dynamicDisabled: ({ values }) => {
+ return true;
},
},
{
@@ -362,16 +335,41 @@
colProps: {
span: 24,
},
- },
- {
- label: '鍖呰瑙勫垯ID',
- field: 'PKG_RULE_ID',
- component: 'Input',
- colProps: {
- span: 24,
+ componentProps: ({ formModel }) => {
+ formModel.PKG_LEVEL =
+ _data['BAS_PKG_DTL'].reduce((max, item) => {
+ return max < Number(item.PKG_LEVEL) ? Number(item.PKG_LEVEL) : max;
+ }, 0) + 1;
+ return {
+ onChange: (e) => {},
+ };
},
dynamicDisabled: ({ values }) => {
return true;
+ },
+ },
+ {
+ field: 'PKG_CODE',
+ label: '鍖呰/杞藉叿缂栫爜',
+ component: 'ApiSelect',
+ required: true,
+ colProps: {
+ span: 24,
+ },
+ componentProps: ({ formModel }) => {
+ let sqlcmd = ' 1=1 ';
+ if (!isNullOrEmpty(record) && record['PKG_LEVEL'] == 1) {
+ sqlcmd += ` And IS_MIN_PKG = 'Y'`;
+ } else {
+ sqlcmd += ` And IS_MIN_PKG != 'Y'`;
+ }
+ return {
+ api: getEntity,
+ params: { entityName: 'BAS_PKG_TYPE', sqlcmd: sqlcmd },
+ resultField: 'Data.Items',
+ labelField: 'PKG_NAME',
+ valueField: 'PKG_CODE',
+ };
},
},
{
@@ -399,7 +397,7 @@
},
show: false,
},
- ],
+ ] as FormSchema[],
};
return [methods, ActionColumn];
--
Gitblit v1.9.3