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 | 231 ++++++++++++++++++++++++--------------------------------- 1 files changed, 99 insertions(+), 132 deletions(-) diff --git a/src/views/tigerprojects/system/lowcode/normal/index.vue b/src/views/tigerprojects/system/lowcode/normal/index.vue index d3a3514..8f1eee0 100644 --- a/src/views/tigerprojects/system/lowcode/normal/index.vue +++ b/src/views/tigerprojects/system/lowcode/normal/index.vue @@ -4,117 +4,76 @@ * @version: * @Date: 2024-05-30 13:28:20 * @LastEditors: Ben Lin - * @LastEditTime: 2024-06-24 18:10:10 + * @LastEditTime: 2024-10-20 21:51:55 --> <template> <div> - <!-- <BasicTable @register="registerTable" v-if="isMounted"> - <template #toolbar> - <a-button - type="primary" - @click="handleCreate(item['DO_METHOD'])" - :preIcon="item['ICON_URL']" - v-for="item in buttons.filter((m) => m['BUTTON_TYPE'] == 0)" - :key="item" - > - {{ item['FUNC_NAME'] }} - </a-button> - </template> - <template #action="{ record }"> - <TableAction :actions="createActions(record)" /> - </template> - <template #[item]="{ field }" v-for="item in colSlots" :key="item"> - <a-button - v-if="field" - class="mt-1 ml-1" - size="small" - @click="handleSelectItem(item)" - preIcon="search|svg" - /> - <GeneralModal - @register="registerItemAdd" - @success="(d, u) => handleItemSuccess(d, u, item)" - /> - </template> - </BasicTable> - <normalDrawer @register="registerDrawer" @success="handleSuccess" /> --> <Suspense> - <mainTable /> + <mainTable v-if="isMounted" /> </Suspense> - <CustModal - @register="registerCust" - @success="custSuccess" - :type="cType" - :detailSlots="dtlSlots" - > - <!-- 鐢ㄦ彃妲借嚜瀹氫箟澶氳〃鍗� --> - <template #[item.name] v-for="item in dtlSlots" :key="item.name"> - <BasicForm @register="useFormData[item.name][0]" v-if="useFormData[item.name]"> - <!-- 鐢ㄦ彃妲借嚜瀹氫箟寮瑰嚭閫夋嫨妗� --> - <template #[name]="{ field }" v-for="name in item.slots" :key="name"> - <a-button - class="mt-1 ml-1" - size="small" - @click="handleCustClick(field)" - :preIcon="item.preIcons[name]" - /> - <GeneralModal - @register="useModalData[name][0]" - @success="(d, u) => handleEntSuccess(d, u, item.name)" - /> - </template> - </BasicForm> - <!-- 鑷畾涔夊唴瀹� --> - </template> - </CustModal> </div> </template> <script lang="ts" setup> - import { Ref, h, onMounted, provide, ref, unref } from 'vue'; + import { Ref, h, onMounted, provide, ref, unref, watch } from 'vue'; import mainTable from './mainTable.vue'; - import GeneralModal from '/@/views/components/GeneralModal.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 CustModal from '/@/views/components/CustModal.vue'; - import { BasicForm, useForm } from '/@/components/Form/index'; import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is'; - import { custOnChange, OpenCustModal, GetUseModalData } from '../data'; - import { useModal } from '/@/components/Modal'; + 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 _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 others = ref<any>(null); - provide<Ref<any>>('objParams', objParams.value); + const AuthOption = ref({ + BY_ORG: '', + 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<any>>('others', others); - - const [registerCust, { openModal: openCustomModal, closeModal }] = useModal(); - + provide<Ref<{}>>('AuthOption', AuthOption); + provide<Ref<any>>('keyFieldValues', keyFieldValues); onMounted(async () => { /* 鐢╦son鑾峰彇鍒� */ // _searchFormSchema.value = await fetchJson( @@ -135,21 +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(/* @vite-ignore */ `../entityts/${objParams.value.ID}`); + 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: '', }); - var searchForms = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON); + 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; + 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) && @@ -158,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) && @@ -168,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) && @@ -180,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) && @@ -190,12 +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.EntityName }; _cruds[i].rules = [{ required: true, message: '璇烽�夋嫨涓婁紶鏂囦欢' }]; } if (_cruds[i].isexist == 'Y') { @@ -211,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), + ); + } }; } } @@ -233,50 +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), }; }; } } - - //寮瑰嚭妗嗙‘瀹氳繑鍥� - function custSuccess(d) { - // reload(); - } - - /** - * @description: 鍚勮〃鍗曞唴寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庢柟娉� - * @param {*} d - * @param {*} u - * @param {*} item - * @return {*} - */ - function handleEntSuccess(d, u, item) { - /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */ - try { - import(/* @vite-ignore */ `../entityts/${cType.value}`).then((m) => { - const [{ GetSelectSuccess }] = m.default(); - var values = GetSelectSuccess(d, u); - selectVals.value = values; //淇濆瓨寮瑰嚭妗嗛�夋嫨鐨勭粨鏋� - let _val = {}; - _val[d.returnFieldName] = values[d.returnFieldName]; - useFormData.value[item][1].setFieldsValue(_val); - }); - } catch (e) {} - } - - /** - * @description: 鎵撳紑鑷畾涔夋ā鎬佹 - * @param {*} item - * @return {*} - */ - function handleCustClick(item) { - OpenCustModal( - useModalData.value[item][1].openModal, //甯﹀叆openModal鏂规硶 - cType.value, - item, - [], - // selectVals.value['ROUTE_CODE'], - ); //[openRvModal], selectVals.value['ID']杩欐槸鑷畾涔夊弬鏁帮紝鎸夊疄闄呴渶姹� - } </script> +<style lang="less" scoped> + .hover-div { + cursor: pointer; /* 榧犳爣缁忚繃鏃舵樉绀烘墜鎸囨寚閽堟牱寮� */ + } +</style> -- Gitblit v1.9.3