From 2069d53e9be24adec3c8d6717fd7317555bd9a52 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 02 七月 2024 23:02:51 +0800
Subject: [PATCH] 高级表单优化
---
src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts | 353 ++++++++++++++++++++++++++++++++++------------------------
1 files changed, 206 insertions(+), 147 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 59ceb76..d26dd9d 100644
--- a/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts
+++ b/src/views/tigerprojects/system/lowcode/entityts/BAS_PKG_DTL.ts
@@ -4,16 +4,18 @@
* @version:
* @Date: 2024-06-19 20:34:27
* @LastEditors: Ben Lin
- * @LastEditTime: 2024-06-26 03:14:01
+ * @LastEditTime: 2024-07-02 19:59:52
*/
import { Ref } from 'vue';
import { DeleteEntity, getEntity } from '/@/api/tigerapi/system';
-import { ActionItem, BasicColumn } 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 } from '../data';
function _default(): any[] {
const ActionColumn: BasicColumn = {
@@ -27,7 +29,7 @@
/**
* @description: 涓�浜涜嚜瀹氫箟鏂规硶
* @return {*}
- */
+ */
const methods = {
/**
* @description: 鑾峰彇鏂板鎸夐挳鐨勮涓�
@@ -56,42 +58,26 @@
* @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
* @return {*}
- */
+ */
GetHomeUrl: () => {
return `/BAS_PKG_RULE/LC/${encodeURI(JSON.stringify({ ID: 'BAS_PKG_RULE', colSlots: [], crudColSlots: [] }))}`;
},
@@ -99,125 +85,22 @@
* @description: 楂樼骇琛ㄥ崟鏄庣粏琛ㄦ牸瀛楁
* @return {*}
*/
- GetBaseColumns: () => {
- return [
- {
- title: '鍖呰/杞藉叿缂栫爜',
- dataIndex: 'PKG_CODE',
- // ifShow: false,
- width: 180,
- },
- {
- title: '鍖呰灞傜骇',
- dataIndex: 'PKG_LEVEL',
- },
- {
- title: '鍖呰鏁伴噺',
- dataIndex: 'PKG_QTY',
- },
- {
- title: '鍖呰瑙勫垯ID',
- dataIndex: 'PKG_RULE_ID',
- ifShow: false,
- },
- {
- title: '澶囨敞',
- dataIndex: 'REMARK',
- },
- {
- title: '鏇存柊鏃堕棿',
- dataIndex: 'UPDATE_TIME',
- },
- {
- title: '鏇存柊浜�',
- dataIndex: 'UPDATE_USER',
- },
- ];
+ GetBaseColumns: (type: string) => {
+ return baseColumns[type];
},
/**
* @description: 楂樼骇琛ㄥ崟鏌ヨ鏉′欢瀛楁
* @return {*}
*/
- GetSearchForm: () => {
- return [
- {
- field: 'PKG_CODE',
- label: '鍖呰瑙勫垯缂栫爜',
- component: 'Input',
- colProps: {
- span: 8,
- },
- },
- ];
+ GetSearchForm: (type: string) => {
+ return searchForms[type];
},
/**
* @description: 楂樼骇琛ㄥ崟澧炲垹鏀硅〃鍗曞瓧娈�
* @return {*}
*/
- GetCrudForm: () => {
- return [
- {
- field: 'PKG_CODE',
- label: '鍖呰/杞藉叿缂栫爜',
- component: 'ApiSelect',
- required: true,
- colProps: {
- span: 24,
- },
- componentProps: {
- api: getEntity,
- params: { entityName: 'BAS_PKG_TYPE', sqlcmd: ' 1=1 ' },
- resultField: 'Data.Items',
- labelField: 'PKG_NAME',
- valueField: 'PKG_CODE',
- },
- },
- {
- label: '鍖呰灞傜骇',
- field: 'PKG_LEVEL',
- component: 'Input',
- required: true,
- colProps: {
- span: 24,
- },
- },
- {
- label: '鍖呰瑙勫垯ID',
- field: 'PKG_RULE_ID',
- component: 'Input',
- colProps: {
- span: 24,
- },
- dynamicDisabled: ({ values }) => {
- return true;
- },
- },
- {
- label: '鍖呰鏁伴噺',
- field: 'PKG_QTY',
- component: 'Input',
- colProps: {
- span: 24,
- },
- },
- {
- label: '澶囨敞',
- field: 'REMARK',
- component: 'Input',
- colProps: {
- span: 24,
- },
- },
- {
- label: 'ID',
- field: 'ID',
- component: 'Input',
- colProps: {
- span: 24,
- },
- show: false,
- },
- ];
+ GetCrudForm: (type: string) => {
+ return crudForms[type];
},
OthersValues: (val: string, id: string) => {
return { PKG_RULE_ID: id };
@@ -291,7 +174,7 @@
/**
* @description: 楂樼骇琛ㄥ崟涓讳俊鎭崱鐗囩敓鎴愶紝鍙互澶氫釜
* @return {*}
- */
+ */
GetBaseCards: () => {
return [
{
@@ -304,6 +187,66 @@
];
},
/**
+ * @description: 鑾峰彇鍙充晶杈规use鏂规硶
+ * @return {*}
+ */
+ GetUseDrawers: () => {
+ return [
+ {
+ BAS_PKG_DTL: useDrawer(),
+ },
+ ];
+ },
+ /**
+ * @description: 鑾峰彇琛ㄦ牸use鍒楄〃
+ * @param {string} type
+ * @param {array} args
+ * @return {*}
+ */
+ GetUseTables: (data: Ref<{}>, ...args) => {
+ return {
+ BAS_PKG_DTL: useTable({
+ title: '鍒楄〃淇℃伅',
+ 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,
+ bordered: true,
+ canResize: true,
+ showIndexColumn: false,
+ actionColumn: {
+ width: 130,
+ title: '鎿嶄綔',
+ dataIndex: 'action',
+ slots: { customRender: 'action' },
+ fixed: 'right',
+ }, //鑷畾涔夋搷浣滃垪
+ }),
+ };
+ },
+ /**
+ * @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: 鑾峰彇鏍囬淇℃伅
* @param {string} type
* @return {*}
@@ -312,13 +255,15 @@
return {
pageTitle: '鍖呰瑙勫垯绠＄悊',
pageContent: '杩欓噷鍙互娣诲姞鍜屼慨鏀瑰寘瑁呰鍒欏拰鍖呰淇℃伅銆�',
- baseTableTitle: '鍖呰淇℃伅绠＄悊',
+ tableTitle: {
+ BAS_PKG_DTL: '鍖呰淇℃伅绠＄悊',
+ },
};
},
};
/* 浠ヤ笅鏄唴閮ㄦ柟娉曪紝涓峞xport锛屼緵涓婇潰鐨勬柟娉曡皟鐢� */
-
+
/**
* @description: 鑷畾涔夊垹闄ゆ柟娉�
* @param {Fn} args
@@ -345,6 +290,120 @@
}
}
+ const searchForms = {
+ BAS_PKG_DTL: [
+ {
+ field: 'PKG_CODE',
+ label: '鍖呰瑙勫垯缂栫爜',
+ component: 'Input',
+ colProps: {
+ span: 8,
+ },
+ },
+ ] as FormSchema[],
+ };
+
+ const baseColumns = {
+ BAS_PKG_DTL: [
+ {
+ title: '鍖呰/杞藉叿缂栫爜',
+ dataIndex: 'PKG_CODE',
+ // ifShow: false,
+ width: 180,
+ },
+ {
+ title: '鍖呰灞傜骇',
+ dataIndex: 'PKG_LEVEL',
+ },
+ {
+ title: '鍖呰鏁伴噺',
+ dataIndex: 'PKG_QTY',
+ },
+ {
+ title: '鍖呰瑙勫垯ID',
+ dataIndex: 'PKG_RULE_ID',
+ ifShow: false,
+ },
+ {
+ title: '澶囨敞',
+ dataIndex: 'REMARK',
+ },
+ {
+ title: '鏇存柊鏃堕棿',
+ dataIndex: 'UPDATE_TIME',
+ },
+ {
+ title: '鏇存柊浜�',
+ dataIndex: 'UPDATE_USER',
+ },
+ ] as BasicColumn[],
+ };
+
+ const crudForms = {
+ BAS_PKG_DTL: [
+ {
+ field: 'PKG_CODE',
+ label: '鍖呰/杞藉叿缂栫爜',
+ component: 'ApiSelect',
+ required: true,
+ colProps: {
+ span: 24,
+ },
+ componentProps: {
+ api: getEntity,
+ params: { entityName: 'BAS_PKG_TYPE', sqlcmd: ' 1=1 ' },
+ resultField: 'Data.Items',
+ labelField: 'PKG_NAME',
+ valueField: 'PKG_CODE',
+ },
+ },
+ {
+ label: '鍖呰灞傜骇',
+ field: 'PKG_LEVEL',
+ component: 'Input',
+ required: true,
+ colProps: {
+ span: 24,
+ },
+ },
+ {
+ label: '鍖呰瑙勫垯ID',
+ field: 'PKG_RULE_ID',
+ component: 'Input',
+ colProps: {
+ span: 24,
+ },
+ dynamicDisabled: ({ values }) => {
+ return true;
+ },
+ },
+ {
+ label: '鍖呰鏁伴噺',
+ field: 'PKG_QTY',
+ component: 'Input',
+ colProps: {
+ span: 24,
+ },
+ },
+ {
+ label: '澶囨敞',
+ field: 'REMARK',
+ component: 'Input',
+ colProps: {
+ span: 24,
+ },
+ },
+ {
+ label: 'ID',
+ field: 'ID',
+ component: 'Input',
+ colProps: {
+ span: 24,
+ },
+ show: false,
+ },
+ ] as FormSchema[],
+ };
return [methods, ActionColumn];
}
--
Gitblit v1.9.3