docs: 修正二开文档里一处代码错误

fix: 移除代码生成器中列表页的审批对话框(已经改为路由,对话框无用),以及行中的发起流程按钮,现在查看按钮可以同时处理表单和流程
fix: 环境变量不在git里保存,防止多人开发时互相覆盖
This commit is contained in:
gaoyunqi
2024-06-12 11:38:57 +08:00
parent 832c0f94d8
commit 76a2203237
9 changed files with 721 additions and 725 deletions

38
.env.development.example Normal file
View File

@ -0,0 +1,38 @@
# 是否开启mock数据关闭时需要自行对接后台接口
VITE_USE_MOCK = false
# 资源公共路径,需要以 /开头和结尾
VITE_PUBLIC_PATH = /
# 本地开发代理,可以解决跨域及多地址代理
# 如果接口地址匹配到则会转发到http://localhost:3000防止本地出现跨域问题
# 可以有多个,注意多个不能换行,否则代理将会失效
# VITE_PROXY = [["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]
# VITE_PROXY=[["/api","https://vvbin.cn/test"]]
# 是否删除Console.log
VITE_DROP_CONSOLE = false
# 接口地址
# 如果没有跨域问题,直接在这里配置即可
VITE_GLOB_API_URL=http://10.133.96.105:8077
# 报表系统地址
VITE_GLOB_REPORT_URL=http://10.133.96.105:3100
# 文件上传接口 可选
VITE_GLOB_UPLOAD_URL = /system/oss/upload
# 文件预览接口 可选
VITE_GLOB_UPLOAD_PREVIEW = http://10.0.252.28:8012/onlinePreview?url=
#外部url地址
VITE_GLOB_OUT_LINK_URL = ['http://localhost:4100']
#打印项目地址
VITE_GLOB_PRINT_BASE_URL = http://114.116.210.204:3300
# 接口地址前缀,有些系统所有接口地址都有前缀,可以在这里统一加,方便切换
VITE_GLOB_API_URL_PREFIX =
# 屏蔽通知消息的轮询
VITE_DISABLE_NEWS = true

38
.env.production.example Normal file
View File

@ -0,0 +1,38 @@
# 是否开启mock
VITE_USE_MOCK = true
# 资源公共路径,需要以 / 开头和结尾
VITE_PUBLIC_PATH = /
# 是否删除Console.log
VITE_DROP_CONSOLE = true
# 打包是否输出gzbr文件
# 可选: gzip | brotli | none
# 也可以有多个, 例如 gzip|'brotli',这样会同时生成 .gz和.br文件
VITE_BUILD_COMPRESS = 'gzip'
# 使用compress时是否删除源文件默认false
VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
# 接口地址 可以由nginx做转发或者直接写实际地址
VITE_GLOB_API_URL=http://10.133.96.60:8088
# 文件上传地址 可以由nginx做转发或者直接写实际地址
VITE_GLOB_UPLOAD_URL = /system/oss/upload
# 文件预览接口 可选
VITE_GLOB_UPLOAD_PREVIEW = http://114.116.210.204:8012/onlinePreview?url=
#外部url地址
VITE_GLOB_OUT_LINK_URL = ['http://114.116.210.204:4100']
#打印项目地址
VITE_GLOB_PRINT_BASE_URL = http://114.116.210.204:3300
# 接口地址前缀,有些系统所有接口地址都有前缀,可以在这里统一加,方便切换
VITE_GLOB_API_URL_PREFIX =
# 打包是否开启pwa功能
VITE_USE_PWA = false

2
.gitignore vendored
View File

@ -12,6 +12,8 @@ tests/server/static/upload
.env.local .env.local
.env.*.local .env.*.local
.eslintcache .eslintcache
.env.development
.env.production
# Log files # Log files
npm-debug.log* npm-debug.log*

View File

@ -11,9 +11,15 @@
- 表单和表格需要合理调整字段宽度,响应式布局下需要使用定宽模式,一般情况下,字段的宽度取平均字长 + 2个汉字的宽度为宜不要留太长的label也要避免出现label换行 - 表单和表格需要合理调整字段宽度,响应式布局下需要使用定宽模式,一般情况下,字段的宽度取平均字长 + 2个汉字的宽度为宜不要留太长的label也要避免出现label换行
## Q&A ## Q&A
### 为什么表单所有字段都成了必填 ### 为什么表单所有字段都成了必填
默认情况下,绑定流程后,新建节点的所有字段都被设置为必填,需要在流程的开始节点-表单设置中去掉非必填的项。 默认情况下,绑定流程后,新建节点的所有字段都被设置为必填,需要在流程的开始节点-表单设置中去掉非必填的项。
### 表单设计和代码模版有什么区别
代码模版生成的本地文件有二开支持表单符合UI规范表单设计可以在线发布像低开一样不用写代码但是界面不符合UI规范。
两种方法表单设计器支持内容一致也都支持流程差别只是UI方面。建议在设计业务模块优先使用代码模版。
## 在Tab页中打开表单/流程 ## 在Tab页中打开表单/流程
如果你需要自己编程实现Tab页跳转或者升级旧版框架的页面可以参考下面步骤 如果你需要自己编程实现Tab页跳转或者升级旧版框架的页面可以参考下面步骤
```typescript ```typescript

View File

@ -68,7 +68,7 @@ export default {
components: { Form, Col, SimpleFormItem, Row, FormItem }, components: { Form, Col, SimpleFormItem, Row, FormItem },
mixins: [SimpleFormSetup], mixins: [SimpleFormSetup],
setup(props, ctx) { setup(props, ctx) {
const ret = SimpleForm.setup(props, ctx); const ret = SimpleFormSetup.setup(props, ctx);
return { return {
...ret ...ret
}; };

View File

@ -0,0 +1 @@
# 二开实例Tab页拆分+样式调整+校验

View File

@ -1,16 +1,12 @@
<template> <template>
<div ref="formWrap"> <div ref="formWrap">
<Form ref="formRef" :label-col="getProps?.labelCol" :labelAlign="getProps?.labelAlign" <Form ref="formRef" :label-col="getProps?.labelCol" :labelAlign="getProps?.labelAlign" :layout="getProps?.layout" :model="formModel" :wrapper-col="getProps?.wrapperCol" @keypress.enter="handleEnterPress">
:layout="getProps?.layout" :model="formModel" :wrapper-col="getProps?.wrapperCol"
@keypress.enter="handleEnterPress">
<Row v-bind="getRow"> <Row v-bind="getRow">
<template v-for="schema in getSchemas" :key="schema.field"> <template v-for="schema in getSchemas" :key="schema.field">
<Col v-if="getIfShow(schema, formModel[schema.field])" <Col v-if="getIfShow(schema, formModel[schema.field])" v-show="getIsShow(schema, formModel[schema.field])" :span="getColWidth(schema)">
v-show="getIsShow(schema, formModel[schema.field])" :span="getColWidth(schema)">
<div v-if="schema?.componentProps.respBreakLine" style="width: 100%; height: 1px"></div> <div v-if="schema?.componentProps.respBreakLine" style="width: 100%; height: 1px"></div>
<template v-if="showComponent(schema) && schema.type !== 'slot'"> <template v-if="showComponent(schema) && schema.type !== 'slot'">
<SimpleFormItem v-model:value="formModel[schema.field]" :form-api="formApi" <SimpleFormItem v-model:value="formModel[schema.field]" :form-api="formApi" :isWorkFlow="isWorkFlow" :refreshFieldObj="refreshFieldObj" :schema="schema" />
:isWorkFlow="isWorkFlow" :refreshFieldObj="refreshFieldObj" :schema="schema" />
</template> </template>
<template v-if="schema.type === 'slot'"> <template v-if="schema.type === 'slot'">
<slot :formModel="formModel" :name="schema.slotName" :schema="schema"></slot> <slot :formModel="formModel" :name="schema.slotName" :schema="schema"></slot>
@ -203,7 +199,7 @@ provide('formModel', formModel);
provide('formProps', getProps); provide('formProps', getProps);
provide('isCustomForm', isCustom || props.isWorkFlow); provide('isCustomForm', isCustom || props.isWorkFlow);
provide('isCamelCase', props.isCamelCase); provide('isCamelCase', props.isCamelCase);
formData.formModel=formModel;
const handleSubmit = async () => { const handleSubmit = async () => {
try { try {
const { submitFunc } = unref(getProps); const { submitFunc } = unref(getProps);

View File

@ -581,55 +581,6 @@ export function buildListCode(model: GeneratorConfig): string {
</BasicTable> </BasicTable>
${model.listConfig.isLeftMenu ? '</div>' : ''} ${model.listConfig.isLeftMenu ? '</div>' : ''}
${
hasStartWorkButton
? `
<LookProcess
v-if="visibleLookProcessRef"
:taskId="taskIdRef"
:processId="processIdRef"
@close="visibleLookProcessRef = false"
:visible="visibleLookProcessRef"
/>
<LaunchProcess
v-if="visibleLaunchProcessRef"
:schemaId="schemaIdRef"
:form-data="formDataRef"
:form-id="formIdComputedRef"
:rowKeyData="rowKeyData"
:draftsId="draftsId"
@close="handleCloseLaunch"
/>
<ApprovalProcess
v-if="visibleApproveProcessRef"
:taskId="taskIdRef"
:processId="processIdRef"
:schemaId="schemaIdRef"
@close="handleCloseApproval"
:visible="visibleApproveProcessRef"
/>
${
hasFlowRecordButton
? `<BasicModal
v-if="visibleFlowRecordModal"
:visible="visibleFlowRecordModal"
:title="t('查看流转记录')"
:paddingRight="15"
:showOkBtn="false"
:width="1200"
@visible-change="
(v) => {
visibleFlowRecordModal = v;
}
"
:bodyStyle="{ minHeight: '400px !important' }"
>
<FlowRecord :processId="processIdRef" />
</BasicModal>`
: ''
}`
: ''
}
${ ${
hasTemplatePrint hasTemplatePrint
? ` <PrintPreview ? ` <PrintPreview
@ -999,8 +950,8 @@ ${hasTemplatePrint ? ' reactive ' : ''}
}); });
function dbClickRow(record) { function dbClickRow(record) {
if (record.workflowData?.taskIds && record.workflowData.taskIds.length) { const { processId, taskIds, schemaId } = record.workflowData || {};
const { processId, taskIds, schemaId } = record.workflowData; if (taskIds && taskIds.length) {
router.push({ router.push({
path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow', path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
query: { query: {
@ -1008,8 +959,7 @@ ${hasTemplatePrint ? ' reactive ' : ''}
formName: formName formName: formName
} }
}); });
} else if (record.workflowData?.schemaId && !record.workflowData.taskIds && record.workflowData.processId) { } else if (schemaId && !taskIds && processId) {
const { processId, schemaId } = record.workflowData;
router.push({ router.push({
path: '/flow/' + schemaId + '/' + processId + '/approveFlow', path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
query: { query: {
@ -1377,13 +1327,8 @@ ${hasTemplatePrint ? ' reactive ' : ''}
${ ${
formType === 'modal' formType === 'modal'
? ` ? `
router.push({ dbClickRow(record);
path: '/form/${lowerClassName}/' + record.id + '/viewForm', `
query: {
formPath: '${model.outputConfig.outputValue}/${lowerClassName}',
formName: formName
}
});`
: ` : `
openDrawer(true, { openDrawer(true, {
isView: true, isView: true,
@ -1527,38 +1472,8 @@ ${hasTemplatePrint ? ' reactive ' : ''}
if (record.workflowData?.enabled) { if (record.workflowData?.enabled) {
//与工作流有关联的表单 //与工作流有关联的表单
if (record.workflowData.status) { if (record.workflowData.status) {
//如果是本人需要审批的数据 就会有taskIds 所以需要修改绑定事件 // 查看按钮现在同时有流程和表单的功能
const act: ActionItem = {};
if (record.workflowData.taskIds) {
act.tooltip = '查看流程(待审批)';
act.icon = 'daishenpi|svg';
act.onClick = handleApproveProcess.bind(null, record);
} else { } else {
act.tooltip =
'查看流程' + (record.workflowData.status === 'ACTIVE' ? '(审批中)' : '(已完成)');
act.icon =
record.workflowData.status === 'ACTIVE' ? 'jinshenpi|svg' : 'shenpiwancheng|svg';
act.onClick = handleStartwork.bind(null, record);
}
actionsList.unshift(act);
${
hasFlowRecordButton
? `if (hasFlowRecord) {
actionsList.splice(1, 0, {
tooltip: '查看流转记录',
icon: 'liuzhuanxinxi|svg',
onClick: handleFlowRecord.bind(null, record),
});
}`
: ''
}
} else {
actionsList.unshift({
icon: 'faqishenpi|svg',
tooltip: record.workflowData.draftId ? '编辑草稿' : '发起审批' ,
onClick: handleLaunchProcess.bind(null, record),
});
actionsList = actionsList.concat(editAndDelBtn); actionsList = actionsList.concat(editAndDelBtn);
} }
} else { } else {