style: lint格式化文件
This commit is contained in:
@ -1,59 +1,50 @@
|
||||
<template>
|
||||
<SimpleForm
|
||||
ref="systemFormRef"
|
||||
:formProps="data.formDataProps"
|
||||
:formModel="{}"
|
||||
:isWorkFlow="props.fromPage!=FromPageType.MENU"
|
||||
/>
|
||||
<SimpleForm ref="systemFormRef" :formProps="data.formDataProps" :formModel="{}" :isWorkFlow="props.fromPage != FromPageType.MENU" />
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import {reactive, ref, onMounted, createVNode} from 'vue';
|
||||
import {formProps, formEventConfigs} from './config';
|
||||
import { reactive, ref, onMounted, createVNode } from 'vue';
|
||||
import { formProps, formEventConfigs } from './config';
|
||||
import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
|
||||
import {addActRuVariable, getActRuVariable, updateActRuVariable, deleteActRuVariable} from '/@/api/editProVar/procVarManage';
|
||||
import {cloneDeep} from 'lodash-es';
|
||||
import {FormDataProps} from '/@/components/Designer/src/types';
|
||||
import {usePermission} from '/@/hooks/web/usePermission';
|
||||
import {FromPageType} from '/@/enums/workflowEnum';
|
||||
import {createFormEvent, getFormDataEvent, loadFormEvent, submitFormEvent,} from '/@/hooks/web/useFormEvent';
|
||||
import {changeWorkFlowForm, changeSchemaDisabled} from '/@/hooks/web/useWorkFlowForm';
|
||||
import {WorkFlowFormParams} from '/@/model/workflow/bpmnConfig';
|
||||
import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
|
||||
import {Modal} from "ant-design-vue";
|
||||
import {useMessage} from '/@/hooks/web/useMessage';
|
||||
import {useI18n} from '/@/hooks/web/useI18n';
|
||||
import {useRouter} from "vue-router";
|
||||
import { addActRuVariable, getActRuVariable, updateActRuVariable, deleteActRuVariable } from '/@/api/editProVar/procVarManage';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { FormDataProps } from '/@/components/Designer/src/types';
|
||||
import { usePermission } from '/@/hooks/web/usePermission';
|
||||
import { FromPageType } from '/@/enums/workflowEnum';
|
||||
import { createFormEvent, getFormDataEvent, loadFormEvent, submitFormEvent } from '/@/hooks/web/useFormEvent';
|
||||
import { changeWorkFlowForm, changeSchemaDisabled } from '/@/hooks/web/useWorkFlowForm';
|
||||
import { WorkFlowFormParams } from '/@/model/workflow/bpmnConfig';
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { Modal } from 'ant-design-vue';
|
||||
import { useMessage } from '/@/hooks/web/useMessage';
|
||||
import { useI18n } from '/@/hooks/web/useI18n';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
const router = useRouter();
|
||||
const {filterFormSchemaAuth} = usePermission();
|
||||
const { filterFormSchemaAuth } = usePermission();
|
||||
const RowKey = 'id';
|
||||
const emits = defineEmits(['changeUploadComponentIds', 'loadingCompleted', 'form-mounted']);
|
||||
const props = defineProps({
|
||||
fromPage: {
|
||||
type: Number,
|
||||
default: FromPageType.MENU,
|
||||
},
|
||||
default: FromPageType.MENU
|
||||
}
|
||||
});
|
||||
const systemFormRef = ref();
|
||||
const data: { formDataProps: FormDataProps } = reactive({
|
||||
formDataProps: cloneDeep(formProps),
|
||||
formDataProps: cloneDeep(formProps)
|
||||
});
|
||||
const state = reactive({
|
||||
formModel: {},
|
||||
formModel: {}
|
||||
});
|
||||
const {notification} = useMessage();
|
||||
const {t} = useI18n();
|
||||
const { notification } = useMessage();
|
||||
const { t } = useI18n();
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
if (props.fromPage == FromPageType.MENU) {
|
||||
setMenuPermission();
|
||||
await createFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：加载表单
|
||||
await createFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
|
||||
} else if (props.fromPage == FromPageType.FLOW) {
|
||||
emits('loadingCompleted'); //告诉系统表单已经加载完毕
|
||||
// loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
|
||||
@ -62,17 +53,11 @@
|
||||
} else if (props.fromPage == FromPageType.DESKTOP) {
|
||||
// 桌面设计 表单事件需要执行
|
||||
emits('loadingCompleted'); //告诉系统表单已经加载完毕
|
||||
await createFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：加载表单
|
||||
await createFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
|
||||
}
|
||||
emits('form-mounted', formProps);
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
} catch (error) {}
|
||||
});
|
||||
|
||||
// 根据菜单页面权限，设置表单属性（必填，禁用，显示）
|
||||
@ -105,7 +90,7 @@
|
||||
name: queryParams.name,
|
||||
type: queryParams.type,
|
||||
value: queryParams.value,
|
||||
processInstId: queryParams.processId,
|
||||
processInstId: queryParams.processId
|
||||
};
|
||||
const record = await getActRuVariable(reqParam);
|
||||
if (skipUpdate) {
|
||||
@ -116,9 +101,7 @@
|
||||
state.formModel = reqParam;
|
||||
await getFormDataEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
|
||||
return reqParam;
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
} catch (error) {}
|
||||
}
|
||||
|
||||
// 辅助设置表单数据
|
||||
@ -142,17 +125,14 @@
|
||||
}
|
||||
|
||||
// 更新api表单数据
|
||||
async function update({values, rowId}) {
|
||||
async function update({ values, rowId }) {
|
||||
try {
|
||||
let res = systemFormRef.value.getFieldsValue();
|
||||
debugger
|
||||
debugger;
|
||||
let saveVal = await updateActRuVariable(res);
|
||||
await submitFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：提交表单
|
||||
await submitFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
|
||||
return saveVal;
|
||||
} catch (error) {
|
||||
}
|
||||
} catch (error) {}
|
||||
}
|
||||
|
||||
// 新增api表单数据
|
||||
@ -160,38 +140,30 @@
|
||||
try {
|
||||
state.formModel = values;
|
||||
let saveVal = await addActRuVariable(values);
|
||||
await submitFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：提交表单
|
||||
await submitFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
|
||||
return saveVal;
|
||||
} catch (error) {
|
||||
}
|
||||
} catch (error) {}
|
||||
}
|
||||
|
||||
// 根据工作流页面权限，设置表单属性（必填，禁用，显示）
|
||||
async function setWorkFlowForm(obj: WorkFlowFormParams) {
|
||||
try {
|
||||
let flowData = changeWorkFlowForm(cloneDeep(formProps), obj);
|
||||
let {buildOptionJson, uploadComponentIds, formModels, isViewProcess} = flowData;
|
||||
let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
|
||||
data.formDataProps = buildOptionJson;
|
||||
emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
|
||||
if (isViewProcess) {
|
||||
setDisabledForm(); //查看
|
||||
}
|
||||
state.formModel = formModels;
|
||||
if(formModels[RowKey]) {
|
||||
setFormDataFromId(formModels[RowKey], false)
|
||||
if (formModels[RowKey]) {
|
||||
setFormDataFromId(formModels[RowKey], false);
|
||||
} else {
|
||||
setFieldsValue(formModels)
|
||||
setFieldsValue(formModels);
|
||||
}
|
||||
} catch (error) {
|
||||
}
|
||||
await createFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel,
|
||||
systemFormRef.value,
|
||||
formProps.schemas); //表单事件：加载表单
|
||||
} catch (error) {}
|
||||
await createFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
|
||||
await loadFormEvent(formEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
|
||||
}
|
||||
|
||||
// 详情页删除功能
|
||||
@ -210,12 +182,11 @@
|
||||
deleteActRuVariable(ids).then((_) => {
|
||||
notification.success({
|
||||
message: 'Tip',
|
||||
description: t('删除成功！'),
|
||||
description: t('删除成功！')
|
||||
});
|
||||
});
|
||||
},
|
||||
onCancel() {
|
||||
},
|
||||
onCancel() {}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user