From 8a12783afd1d6c4881d90e66bb0a52010a1598ae Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 27 二月 2025 00:52:57 +0800 Subject: [PATCH] 一些更改 --- src/views/tigerprojects/system/lowcode/normal/index.vue | 113 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 85 insertions(+), 28 deletions(-) diff --git a/src/views/tigerprojects/system/lowcode/normal/index.vue b/src/views/tigerprojects/system/lowcode/normal/index.vue index 8e45715..8f1eee0 100644 --- a/src/views/tigerprojects/system/lowcode/normal/index.vue +++ b/src/views/tigerprojects/system/lowcode/normal/index.vue @@ -4,46 +4,59 @@ * @version: * @Date: 2024-05-30 13:28:20 * @LastEditors: Ben Lin - * @LastEditTime: 2024-07-20 05:21:44 + * @LastEditTime: 2024-10-20 21:51:55 --> <template> <div> <Suspense> - <mainTable /> + <mainTable v-if="isMounted" /> </Suspense> </div> </template> <script lang="ts" setup> - import { Ref, defineAsyncComponent, h, onMounted, provide, ref, unref } from 'vue'; + import { Ref, h, onMounted, provide, ref, unref, watch } from 'vue'; import mainTable from './mainTable.vue'; - import { DeleteEntity, GetEnum, getEntity, getListByPage } from '/@/api/tigerapi/system'; + import { GetEnum, getEntity, getListByPage } from '/@/api/tigerapi/system'; import { useRoute, useRouter } from 'vue-router'; import { Tag, Tooltip } from 'ant-design-vue'; import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is'; - import { custOnChange, OpenCustModal, GetUseModalData, initRoute } from '../data'; + import { custOnChange, OpenCustModal, GetUseModalData, initRoute, goByParams } from '../data'; import { useLocale } from '/@/locales/useLocale'; import { uploadApi } from '/@/api/sys/upload'; import { useGo } from '/@/hooks/web/usePage'; import { useI18n } from '/@/hooks/web/useI18n'; import { getRoleButtons } from '/@/api/sys/menu'; + import { EntityCustFunctionType } from '/@/api/tigerapi/model/basModel'; + import { isFunction } from 'xe-utils'; + import { useMessage } from '/@/hooks/web/useMessage'; + import { useLowCodeStore } from '/@/store/modules/lowcode'; + import { storeToRefs } from 'pinia'; + import { useMultipleTabStore } from '/@/store/modules/multipleTab'; + const { notification, createMessage } = useMessage(); const { getLocale } = useLocale(); const { t } = useI18n(); + const tabStore = useMultipleTabStore(); const route = useRoute(); const { currentRoute } = useRouter(); const go = useGo(); + function getCurrentTab() { + const route = unref(currentRoute); + return tabStore.getTabList.find((item) => item.fullPath === route.fullPath)!; + } + const currentTab = getCurrentTab(); + const useLowcode = useLowCodeStore(); const objParams = ref(JSON.parse(decodeURI(route.params?.id as string))); - const entityName = ref(objParams.value.ID); - const _columns = ref([]); - const _searchFormSchema = ref([]); - const _crudFormSchema = ref([]); + // 浠巗essionStorage涓鍙栧弬鏁板苟杞崲鍥炲璞� + const _savedParams = sessionStorage.getItem(`${objParams.value.sName}_params`); + const savedParams = _savedParams ? ref(JSON.parse(decodeURI(_savedParams))) : ref({}); + const entityName = ref(objParams.value.EntityName); + const _columns = ref<any[]>([]); + const _searchFormSchema = ref<any[]>([]); + const _crudFormSchema = ref<any[]>([]); const useModalData = ref({}); //琛ㄥ崟涓彃妲芥覆鏌撴寜閽墦寮�妯℃�佹useModal鏂规硶 - const useFormData = ref({}); - const cType = ref(''); - const dtlSlots = ref([] as any[]); - const selectVals = ref({}); const isExistSql = ref(''); - const custImport = ref<any>(null); + const custImport = ref<any[]>([]); const isMounted = ref(false); const buttons = ref([]); const AuthOption = ref({ @@ -51,15 +64,16 @@ BY_PROD: '', BY_WH: '', }); + const keyFieldValues = ref<any>(null); provide<Ref<any>>('objParams', objParams); + provide<Ref<any>>('savedParams', savedParams as any); provide<Ref<any[]>>('_columns', _columns); provide<Ref<any[]>>('_searchFormSchema', _searchFormSchema); provide<Ref<any[]>>('_crudFormSchema', _crudFormSchema); provide<Ref<string>>('isExistSql', isExistSql); provide<Ref<{}>>('AuthOption', AuthOption); provide<Ref<any>>('keyFieldValues', keyFieldValues); - onMounted(async () => { /* 鐢╦son鑾峰彇鍒� */ // _searchFormSchema.value = await fetchJson( @@ -80,25 +94,38 @@ // } // } // _columns.value = objs; - isMounted.value = false; + const EntityCustFunction = ref([ + { + ActionItem(params: Recordable<any>, data, ...args) {}, + } as EntityCustFunctionType, + ]); /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */ try { custImport.value = await import(`../entityts/${objParams.value.ID}.ts`); } catch (e) {} - isMounted.value = true; + const [{ InitCrudFormSchema }] = isNullOrUnDef(custImport.value['default']) + ? EntityCustFunction.value + : custImport.value['default'](); //鑾峰彇琛ㄥ崟涓彃妲芥覆鏌撶殑鎸夐挳鐐瑰嚮寮瑰嚭妯℃�佺獥鍙g殑瀹炰緥 useModalData.value = GetUseModalData(objParams.value.ID); const data = await getEntity({ - sqlcmd: "ASSEMBLY_NAME ='" + objParams.value.ID + "'", + sqlcmd: "CODE_NAME ='" + objParams.value.ID + "'", entityName: 'SYS_LOW_CODE', order: '', }); AuthOption.value.BY_ORG = data.Data.Items[0].BY_ORG; AuthOption.value.BY_PROD = data.Data.Items[0].BY_PROD; AuthOption.value.BY_WH = data.Data.Items[0].BY_WH; - var searchForms = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON); + const searchData = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON); + var searchForms = isNullOrEmpty(searchData.search) ? searchData : searchData.fields; + let _isSearch = {} as {[key: string]: any}; + _isSearch[`${String(currentTab.name)}`] = isNullOrEmpty(searchData.search) ? true : searchData.search; + /* 淇濆瓨鏄惁鏌ヨ琛ㄥ崟锛宼rue-鏄煡璇㈡潯浠惰〃鍗曪紝false-鏄睍绀鸿緭鍏ヨ〃鍗� */ + useLowcode.setIsSearch(_isSearch); + + isMounted.value = true; for (const i in searchForms) { if ( !isNullOrEmpty(searchForms[i].componentProps) && @@ -107,8 +134,9 @@ ) { searchForms[i].componentProps.api = GetEnum; searchForms[i].componentProps.params.name = - `${objParams.value.ID}+${searchForms[i].field}s`; + `${objParams.value.EntityName}+${searchForms[i].field}s`; searchForms[i].componentProps.labelField = unref(getLocale) == 'zh_CN' ? 'Desc' : 'Name'; + searchForms[i].defaultValue = null; } if ( !isNullOrEmpty(searchForms[i].componentProps) && @@ -117,11 +145,19 @@ ) { searchForms[i].componentProps.api = getEntity; searchForms[i].componentProps.resultField = 'Data.Items'; + searchForms[i].defaultValue = null; } onChangeConfig(searchForms[i]); } _searchFormSchema.value = searchForms; - var _cruds = JSON.parse(data.Data.Items[0].FORM_JSON); + var _cruds: any[] = []; + /* 濡傛灉鏈夊垵濮嬪寲澧炲垹鏀归〉闈㈢粨鏋勭殑鏂规硶锛屽垯杩涘叆 */ + if (InitCrudFormSchema && isFunction(InitCrudFormSchema)) { + _cruds = InitCrudFormSchema(objParams.value.EntityName); + } else { + /* 娌℃湁鍒濆鍖栧鍒犳敼椤甸潰缁撴瀯鐨勬柟娉曟椂杩涘叆 */ + _cruds = JSON.parse(data.Data.Items[0].FORM_JSON); + } for (const i in _cruds) { if ( !isNullOrEmpty(_cruds[i].componentProps) && @@ -129,8 +165,9 @@ _cruds[i].componentProps.api == 'GetEnum' ) { _cruds[i].componentProps.api = GetEnum; - _cruds[i].componentProps.params.name = `${objParams.value.ID}+${_cruds[i].field}s`; + _cruds[i].componentProps.params.name = `${objParams.value.EntityName}+${_cruds[i].field}s`; _cruds[i].componentProps.labelField = unref(getLocale) == 'zh_CN' ? 'Desc' : 'Name'; + _cruds[i].defaultValue = null; } if ( !isNullOrEmpty(_cruds[i].componentProps) && @@ -139,13 +176,14 @@ ) { _cruds[i].componentProps.api = getEntity; _cruds[i].componentProps.resultField = 'Data.Items'; + _cruds[i].defaultValue = null; } if (_cruds[i].component == 'Upload') { _cruds[i].componentProps = {}; _cruds[i].componentProps.api = uploadApi; _cruds[i].componentProps.multiple = false; _cruds[i].componentProps.maxNumber = 1; - _cruds[i].componentProps.uploadParams = { entityName: objParams.value.ID }; + _cruds[i].componentProps.uploadParams = { entityName: objParams.value.EntityName }; _cruds[i].rules = [{ required: true, message: '璇烽�夋嫨涓婁紶鏂囦欢' }]; } if (_cruds[i].isexist == 'Y') { @@ -161,9 +199,24 @@ const func = new Function(objs[i].customRender)(); objs[i].customRender = ({ record }) => { let texts = func(record); - return h(Tooltip, { title: texts.text }, () => - h(Tag, { color: texts.color }, () => texts.text), - ); + /* 濡傛灉鏄摼鎺ュ氨璺宠浆骞朵紶鍏ラ厤缃殑鍙傛暟 */ + if (texts.isLink == 'Y') { + return h('a', [ + h( + 'span', + { + onClick: () => { + goByParams(texts.path, texts.params, go); + }, + }, + texts.text, + ), + ]); + } else { + return h(Tooltip, { title: texts.text }, () => + h(Tag, { color: texts.color }, () => texts.text), + ); + } }; } } @@ -183,10 +236,14 @@ obj.componentProps = ({ schema, tableAction, formActionType, formModel }) => { return { options: options, - onChange: (e) => custOnChange(e, onChange, objParams.value.ID), + onChange: (e) => custOnChange(e, onChange, objParams.value.EntityName), }; }; } } - </script> +<style lang="less" scoped> + .hover-div { + cursor: pointer; /* 榧犳爣缁忚繃鏃舵樉绀烘墜鎸囨寚閽堟牱寮� */ + } +</style> -- Gitblit v1.9.3