From 8e288eefbd4e8dbf7d0180dd880ce93256daa7a5 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期六, 22 六月 2024 01:05:18 +0800
Subject: [PATCH] 低代码优化
---
src/views/tigerprojects/system/lowcode/normal/index.vue | 212 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 172 insertions(+), 40 deletions(-)
diff --git a/src/views/tigerprojects/system/lowcode/normal/index.vue b/src/views/tigerprojects/system/lowcode/normal/index.vue
index 36a41fc..078849b 100644
--- a/src/views/tigerprojects/system/lowcode/normal/index.vue
+++ b/src/views/tigerprojects/system/lowcode/normal/index.vue
@@ -3,12 +3,12 @@
* @Author: Ben Lin
* @version:
* @Date: 2024-05-30 13:28:20
- * @LastEditors: your name
- * @LastEditTime: 2024-06-11 01:27:02
+ * @LastEditors: Ben Lin
+ * @LastEditTime: 2024-06-22 00:57:52
-->
<template>
<div>
- <BasicTable @register="registerTable">
+ <BasicTable @register="registerTable" v-if="isMounted">
<template #toolbar>
<a-button type="primary" @click="handleCreate" preIcon="add_02|svg"> 鏂板 </a-button>
</template>
@@ -16,7 +16,7 @@
<TableAction :actions="createActions(record)" />
</template>
<template #[item]="{ field }" v-for="item in colSlots" :key="item">
- <!-- <template #form-BAS_REASON3aadd="{ field }"> -->
+ <!-- <template #form-BAS_REASON3aadd="{ field }"> -->
<a-button
v-if="field"
class="mt-1 ml-1"
@@ -24,7 +24,10 @@
@click="handleSelectItem(item)"
preIcon="search|svg"
/>
- <NormalModal @register="registerItemAdd" @success="(d, u) => handleItemSuccess(d, u, item)" />
+ <GeneralModal
+ @register="registerItemAdd"
+ @success="(d, u) => handleItemSuccess(d, u, item)"
+ />
</template>
</BasicTable>
<normalDrawer @register="registerDrawer" @success="handleSuccess" />
@@ -45,7 +48,7 @@
@click="handleCustClick(field)"
:preIcon="item.preIcons[name]"
/>
- <NormalModal
+ <GeneralModal
@register="useModalData[name][0]"
@success="(d, u) => handleEntSuccess(d, u, item.name)"
/>
@@ -58,11 +61,18 @@
</template>
<script lang="ts" setup>
import { h, onMounted, ref, unref } from 'vue';
- import { BasicTable, useTable, TableAction, BasicColumn, FormSchema } from '/@/components/Table';
+ import {
+ BasicTable,
+ useTable,
+ TableAction,
+ BasicColumn,
+ FormSchema,
+ ActionItem,
+ } from '/@/components/Table';
import { useDrawer } from '/@/components/Drawer';
- import normalDrawer from './normalDrawer.vue';
- import NormalModal from '/@/views/components/NormalModal.vue';
- import { GetEnum, getEntity, getListByPage } from '/@/api/tigerapi/system';
+ import normalDrawer from '../normalDrawer.vue';
+ import GeneralModal from '/@/views/components/GeneralModal.vue';
+ import { DeleteEntity, GetEnum, getEntity, getListByPage } from '/@/api/tigerapi/system';
import { useGlobSetting } from '/@/hooks/setting';
import { useRoute } from 'vue-router';
import { Tag, Tooltip } from 'ant-design-vue';
@@ -78,12 +88,16 @@
getFormSchema,
OpenCustModal,
GetUseModalData,
+ getCreateAction,
} from '../data';
import { useModal } from '/@/components/Modal';
import { useLocale } from '/@/locales/useLocale';
+ import { uploadApi } from '/@/api/sys/upload';
+ import { useGo } from '/@/hooks/web/usePage';
const { getLocale } = useLocale();
const route = useRoute();
+ const go = useGo();
const objParams = ref(JSON.parse(decodeURI(route.params?.id as string)));
const entityName = ref(objParams.value.ID);
const globSetting = useGlobSetting();
@@ -98,6 +112,9 @@
const cType = ref('');
const dtlSlots = ref([] as any[]);
const selectVals = ref({});
+ const isExistSql = ref('');
+ const custImport = ref(null);
+ const isMounted = ref(false);
const [registerCust, { openModal: openCustomModal, closeModal }] = useModal();
const [registerItemAdd, { openModal: openItemModal }] = useModal();
@@ -118,36 +135,99 @@
showIndexColumn: false,
actionColumn: GetActionColumn(objParams.value.ID), //鑷畾涔夋搷浣滃垪
});
- /* 鐢熸垚鍒楄〃涓搷浣滈」鐨勬寜閽� */
+
+ /**
+ * @description: 鐢熸垚鍒楄〃涓搷浣滈」鐨勬寜閽�
+ * @param {*} record
+ * @return {*}
+ */
function createActions(record) {
- return GetActionsData(
- {
- record,
- isUpdate: true,
- entityName: objParams.value.ID,
- formJson: _crudFormSchema.value,
- cType,
- dtlSlots,
- formSchemas,
- useModalData,
- useFormData,
- crudColSlots,
- },
+ const params = {
+ record,
+ isUpdate: true,
+ entityName: objParams.value.ID,
+ formJson: _crudFormSchema.value,
+ cType,
+ dtlSlots,
+ formSchemas,
+ useModalData,
+ useFormData,
+ crudColSlots,
+ };
+
+ const [ActionItem] = custImport.value.default();
+ return ActionItem(
+ params,
+ [
+ {
+ icon: 'clarity:note-edit-line',
+ onClick: editRecord.bind(null, openDrawer, params),
+ },
+ {
+ icon: 'ant-design:delete-outlined',
+ color: 'error',
+ popConfirm: {
+ title: '鏄惁纭鍒犻櫎?',
+ placement: 'left',
+ confirm: deleteRecord.bind(null, reload, params),
+ },
+ },
+ ],
openDrawer,
reload,
openCustomModal,
useForm,
useModal,
+ go,
);
}
- function handleCreate() {
- openDrawer(true, {
- isUpdate: false,
- entityName: objParams.value.ID,
- formJson: _crudFormSchema.value,
- crudColSlots,
+ /**
+ * @description: 鍏敤缂栬緫鏂规硶
+ * @param {Fn} fn
+ * @param {*} params
+ * @return {*}
+ */
+ function editRecord(fn: Fn, params: {}) {
+ fn(true, params);
+ }
+
+ /**
+ * @description: 鍏敤鍒犻櫎鏂规硶
+ * @param {Fn} fn
+ * @param {*} params
+ * @return {*}
+ */
+ function deleteRecord(fn: Fn, params: {}) {
+ console.log(params['record']);
+ //鍒犻櫎
+ DeleteEntity(params['record'], params['entityName']).then((action) => {
+ if (action.IsSuccessed) {
+ fn();
+ }
});
+ }
+
+ /**
+ * @description: 鑾峰彇鏂板鎸夐挳鐨勮涓�
+ * @return {*}
+ */
+ function handleCreate() {
+ const result = getCreateAction(objParams.value.ID);
+ switch (result.action) {
+ case 'go':
+ go(`/${result.url}/${encodeURI(JSON.stringify(result.params))}`);
+ break;
+ case 'drawer':
+ openDrawer(true, {
+ isUpdate: false,
+ entityName: objParams.value.ID,
+ formJson: _crudFormSchema.value,
+ crudColSlots,
+ isExistSql: isExistSql.value,
+ });
+ break;
+ }
}
function handleSuccess() {
@@ -175,6 +255,15 @@
// }
// _columns.value = objs;
+ // if (objParams.value.ID == 'V_BAS_PROD') {
+ // custImport.value = await import(`../${objParams.value.ID}`);
+ // }
+ isMounted.value = false;
+ /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
+ try {
+ custImport.value = await import(/* @vite-ignore */ `../entityts/${objParams.value.ID}`);
+ } catch (e) {}
+
//鑾峰彇琛ㄥ崟涓彃妲芥覆鏌撶殑鎸夐挳鐐瑰嚮寮瑰嚭妯℃�佺獥鍙ｇ殑瀹炰緥
useModalData.value = GetUseModalData(objParams.value.ID);
const data = await getEntity({
@@ -189,9 +278,8 @@
searchForms[i].componentProps.api == 'GetEnum'
) {
searchForms[i].componentProps.api = GetEnum;
- searchForms[
- i
- ].componentProps.params.name = `${objParams.value.ID}+${searchForms[i].field}s`;
+ searchForms[i].componentProps.params.name =
+ `${objParams.value.ID}+${searchForms[i].field}s`;
searchForms[i].componentProps.labelField = unref(getLocale) == 'zh_CN' ? 'Desc' : 'Name';
}
if (
@@ -224,6 +312,16 @@
_cruds[i].componentProps.api = getEntity;
_cruds[i].componentProps.resultField = 'Data.Items';
}
+ 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].rules = [{ required: true, message: '璇烽�夋嫨涓婁紶鏂囦欢' }];
+ }
+ if (_cruds[i].isexist == 'Y') {
+ isExistSql.value = _cruds[i].field;
+ }
onChangeConfig(_cruds[i]);
}
_crudFormSchema.value = _cruds;
@@ -241,19 +339,43 @@
}
}
_columns.value = objs;
+ isMounted.value = true;
});
- /* 寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庝簨浠� */
+ /**
+ * @description: 寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庝簨浠�
+ * @param {*} d
+ * @param {*} u
+ * @param {*} item
+ * @return {*}
+ */
function handleItemSuccess(d, u, item) {
- getForm().setFieldsValue(GetSelectSuccess(d, u, getForm().getFieldsValue()[`${item.replace(/form-/,'').replace(/add/,'')}PSelect_0`]));
+ getForm().setFieldsValue(
+ GetSelectSuccess(
+ d,
+ u,
+ getForm().getFieldsValue()[`${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`],
+ ),
+ );
}
- /* 寮瑰嚭閫夋嫨妗� */
+ /**
+ * @description: 寮瑰嚭閫夋嫨妗�
+ * @param {*} item
+ * @return {*}
+ */
function handleSelectItem(item) {
- OpenSelectItem(openItemModal, getForm().getFieldsValue()[`${item.replace(/form-/,'').replace(/add/,'')}PSelect_0`]);
+ OpenSelectItem(
+ openItemModal,
+ getForm().getFieldsValue()[`${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`],
+ );
}
- /* Select 鑷畾涔塷nChange鏂规硶 */
+ /**
+ * @description: Select 鑷畾涔塷nChange鏂规硶
+ * @param {*} obj
+ * @return {*}
+ */
function onChangeConfig(obj: any) {
if (obj.component == 'Select') {
var options = obj.componentProps.options;
@@ -272,7 +394,13 @@
reload();
}
- /* 鍚勮〃鍗曞唴寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庢柟娉� */
+ /**
+ * @description: 鍚勮〃鍗曞唴寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庢柟娉�
+ * @param {*} d
+ * @param {*} u
+ * @param {*} item
+ * @return {*}
+ */
function handleEntSuccess(d, u, item) {
var values = GetSelectSuccess(d, u, cType.value);
selectVals.value = values; //淇濆瓨寮瑰嚭妗嗛�夋嫨鐨勭粨鏋�
@@ -281,7 +409,11 @@
useFormData.value[item][1].setFieldsValue(_val);
}
- /* 鎵撳紑鑷畾涔夋ā鎬佹 */
+ /**
+ * @description: 鎵撳紑鑷畾涔夋ā鎬佹
+ * @param {*} item
+ * @return {*}
+ */
function handleCustClick(item) {
OpenCustModal(
useModalData.value[item][1].openModal, //甯﹀叆openModal鏂规硶
--
Gitblit v1.9.3