From 8736042f4116942b2253d6eb4e782645125c40e2 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期一, 24 二月 2025 20:13:11 +0800
Subject: [PATCH] 低代码更新
---
src/views/tigerprojects/system/lowcode/high/baseForm.vue | 131 ++++++++++++++++++++++++++++++++++++++-----
1 files changed, 116 insertions(+), 15 deletions(-)
diff --git a/src/views/tigerprojects/system/lowcode/high/baseForm.vue b/src/views/tigerprojects/system/lowcode/high/baseForm.vue
index 1549a67..ccc3d24 100644
--- a/src/views/tigerprojects/system/lowcode/high/baseForm.vue
+++ b/src/views/tigerprojects/system/lowcode/high/baseForm.vue
@@ -4,7 +4,7 @@
* @version:
* @Date: 2024-06-23 17:21:29
* @LastEditors: Ben Lin
- * @LastEditTime: 2024-06-23 18:08:08
+ * @LastEditTime: 2024-08-01 10:40:57
-->
<template>
<a-card
@@ -13,35 +13,51 @@
v-for="(item, index) in _baseCards"
:key="item.name"
>
- <BasicForm @register="useFormData[item.name][0]" />
+ <BasicForm @register="useFormData[item.name][0]">
+ <template #[l]="{ field }" v-for="l in colSlots" :key="l">
+ <a-button
+ v-if="field"
+ class="mt-1 ml-1"
+ size="small"
+ @click="handleSelectItem(l)"
+ preIcon="search|svg"
+ />
+ <GeneralModal @register="useModals[l]" @success="(d, u) => handleItemSuccess(d, u, l)" />
+ </template>
+ </BasicForm>
</a-card>
</template>
<script lang="ts" setup>
import { Ref, inject, nextTick, onMounted, ref, watch } from 'vue';
import { BasicForm, useForm } from '/@/components/Form/index';
+ import GeneralModal from '/@/views/components/GeneralModal.vue';
import { Card } from 'ant-design-vue';
import { getEntity } from '/@/api/tigerapi/system';
import { isNullOrEmpty } from '/@/utils/is';
+ import { useI18n } from '/@/hooks/web/useI18n';
+ import { isFunction } from 'xe-utils';
+ const { t } = useI18n();
+ const props = defineProps({
+ entityName: { type: String },
+ });
const ACard = Card;
const objParams = inject('objParams') as Ref<any>;
const useFormData = inject('useFormData') as Ref<{}>;
const baseCards = inject('baseCards') as Ref<any>;
- const custImport = ref<any[]>(
- await import(`../entityts/${objParams['Name']}.ts`),
- );
- const [
- {
- GetBaseForm,
- GetBaseCards,
- },
- ] = custImport.value['default']();
+ const custImport = ref<any[]>(await import(`../entityts/${props.entityName}.ts`));
+ const [{ GetBaseForm, GetBaseCards, GetUseModals }] = custImport.value['default']();
const formSchemas = ref({
- BaseForm: GetBaseForm(),
- }); //寮瑰嚭妗嗘垨楂樼骇椤甸潰澶氳〃鍗曠粨鏋�
+ BaseForm: GetBaseForm(props.entityName),
+ });
+ const colSlots = ref<any[]>(objParams.value['colSlotsInHigh']);
+ const useModals =
+ GetUseModals && isFunction(GetUseModals) ? ref<any>(GetUseModals()) : ref<any>({});
+
+ //寮瑰嚭妗嗘垨楂樼骇椤甸潰澶氳〃鍗曠粨鏋�
useFormData.value = {
BaseForm: useForm({
- labelWidth: 120,
+ labelWidth: 160,
schemas: formSchemas.value['BaseForm'],
actionColOptions: {
span: 24,
@@ -55,12 +71,97 @@
onMounted(() => {
useFormData.value[_baseCards.value[0]['name']][1].resetFields();
getEntity({
- sqlcmd: ` ID = '${objParams['ID']}'`,
+ sqlcmd: ` ID = '${objParams.value['ID']}'`,
entityName: _baseCards.value[0]['entityName'],
+ order: '',
}).then((res) => {
if (!isNullOrEmpty(res.Data.Items)) {
useFormData.value[_baseCards.value[0]['name']][1].setFieldsValue(res.Data.Items[0]);
+ } else {
+ useFormData.value[_baseCards.value[0]['name']][1].setFieldsValue({
+ ID: objParams.value['ID'],
+ });
}
});
});
+
+ /**
+ * @description: 寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庝簨浠�
+ * @param {*} d
+ * @param {*} u
+ * @param {*} item 椤甸潰涓婂惊鐜娊灞夊垪琛ㄤ紶鍏ョ殑瀹炰綋鍚嶅瓧锛屼綔涓哄悇琛ㄦ牸鐩稿叧鏂规硶鐨刱ey锛屼粠鑰岃皟鐢ㄥ悇琛ㄦ牸鐩稿叧鐨勬柟娉曪紝濡傦細useFormData.value[_baseCards.value[0]['name']][1].getForm()
+ * @return {*}
+ */
+ function handleItemSuccess(d, u, item) {
+ /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
+ try {
+ import(
+ `../entityts/${useFormData.value[_baseCards.value[0]['name']][1].getFieldsValue()[`${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`]}.ts`
+ )
+ .then((m) => {
+ const [{ GetSelectSuccess }] = m.default();
+ useFormData.value[_baseCards.value[0]['name']][1].setFieldsValue(GetSelectSuccess(d, u));
+ })
+ .catch(() => {
+ useFormData.value[_baseCards.value[0]['name']][1].setFieldsValue({
+ ITEM_CODE: d.values['val'],
+ });
+ });
+ } catch (e) {}
+ }
+
+ /**
+ * @description: 寮瑰嚭閫夋嫨妗�
+ * @param {*} item
+ * @return {*}
+ */
+ function handleSelectItem(item) {
+ /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
+ const name =
+ useFormData.value[_baseCards.value[0]['name']][1].getFieldsValue()[
+ `${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`
+ ];
+ const openModal = useModals.value[item][1].openModal;
+ try {
+ import(`../entityts/${name}.ts`)
+ .then((m) => {
+ const [{ OpenSelectItem }] = m.default();
+ OpenSelectItem(openModal);
+ })
+ .catch(() => {
+ openModal(true, {
+ title: '鐗╂枡鍒楄〃',
+ schemas: [
+ {
+ field: 'ITEM_CODE',
+ component: 'Input',
+ label: '鐗╂枡缂栫爜',
+ colProps: {
+ span: 12,
+ },
+ },
+ ],
+ ItemColumns: [
+ {
+ title: t('鐗╂枡缂栫爜'),
+ dataIndex: 'ITEM_CODE',
+ resizable: true,
+ sorter: true,
+ width: 200,
+ },
+ {
+ title: t('鐗╂枡鍚嶇О'),
+ dataIndex: 'ITEM_NAME',
+ resizable: true,
+ sorter: true,
+ width: 180,
+ },
+ ],
+ tableName: 'BAS_ITEM',
+ rowKey: 'ITEM_CODE',
+ searchInfo: { TABLE_NAME: 'BAS_ITEM' },
+ });
+ });
+ } catch (e) {}
+ }
</script>
--
Gitblit v1.9.3