feat: 添加表单字段
Lesan
parent
84de7fcd46
commit
77e84cc4fa
|
|
@ -418,6 +418,7 @@ const formFieldOptions4Summary = computed(() => {
|
|||
const unParsedFormFields = ref<string[]>([])
|
||||
/** 暴露给子组件 HttpRequestSetting 使用 */
|
||||
provide('formFields', unParsedFormFields)
|
||||
provide('formFieldsObj', formFields)
|
||||
|
||||
/** 兼容以前未配置更多设置的流程 */
|
||||
const initData = () => {
|
||||
|
|
@ -491,7 +492,7 @@ watch(
|
|||
)
|
||||
|
||||
// TODO defaultTemplate 是否需要放到 infra_config
|
||||
const defaultTemplate = '<p style="text-align: center;"><span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="流程名称" data-info="%7B%22id%22%3A%22processName%22%7D">@流程名称</span></p><p style="text-align: right;">打印人：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="打印人" data-info="%7B%22id%22%3A%22printUsername%22%7D">@打印人</span></p><p style="text-align: right;">流程编号：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="流程编号" data-info="%7B%22id%22%3A%22processNum%22%7D">@流程编号</span> 打印时间：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="打印时间" data-info="%7B%22id%22%3A%22printTime%22%7D">@打印时间</span></p><table style="width: 100%;"><tbody><tr><td colSpan="1" rowSpan="1" width="auto">发起人</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起人" data-info="%7B%22id%22%3A%22startUser%22%7D">@发起人</span></td><td colSpan="1" rowSpan="1" width="auto">发起时间</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起时间" data-info="%7B%22id%22%3A%22startTime%22%7D">@发起时间</span></td></tr><tr><td colSpan="1" rowSpan="1" width="auto">所属部门</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起人部门" data-info="%7B%22id%22%3A%22startUserDept%22%7D">@发起人部门</span></td><td colSpan="1" rowSpan="1" width="auto">流程状态</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="流程状态" data-info="%7B%22id%22%3A%22processStatus%22%7D">@流程状态</span></td></tr></tbody></table><p><span data-w-e-type="process-record" data-w-e-is-void data-w-e-is-inline>流程记录</span></p>'
|
||||
const defaultTemplate = '<p style="text-align: center;"><span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="流程名称" data-info="%7B%22id%22%3A%22processName%22%7D">@流程名称</span></p><p style="text-align: right;">打印人：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="打印人" data-info="%7B%22id%22%3A%22printUser%22%7D">@打印人</span></p><p style="text-align: right;">流程编号：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="流程编号" data-info="%7B%22id%22%3A%22processNum%22%7D">@流程编号</span> 打印时间：<span data-w-e-type="mention" data-w-e-is-void="" data-w-e-is-inline="" data-value="打印时间" data-info="%7B%22id%22%3A%22printTime%22%7D">@打印时间</span></p><table style="width: 100%;"><tbody><tr><td colSpan="1" rowSpan="1" width="auto">发起人</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起人" data-info="%7B%22id%22%3A%22startUser%22%7D">@发起人</span></td><td colSpan="1" rowSpan="1" width="auto">发起时间</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起时间" data-info="%7B%22id%22%3A%22startTime%22%7D">@发起时间</span></td></tr><tr><td colSpan="1" rowSpan="1" width="auto">所属部门</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="发起人部门" data-info="%7B%22id%22%3A%22startUserDept%22%7D">@发起人部门</span></td><td colSpan="1" rowSpan="1" width="auto">流程状态</td><td colSpan="1" rowSpan="1" width="auto"><span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="流程状态" data-info="%7B%22id%22%3A%22processStatus%22%7D">@流程状态</span></td></tr></tbody></table><p><span data-w-e-type="process-record" data-w-e-is-void data-w-e-is-inline>流程记录</span></p>'
|
||||
const handlePrintTemplateEnableChange = (val: boolean) => {
|
||||
if (val) {
|
||||
if (!modelData.value.printTemplateSetting.template) {
|
||||
|
|
|
|||
|
|
@ -76,8 +76,11 @@ onBeforeUnmount(() => {
|
|||
<template>
|
||||
<el-dialog v-model="dialogVisible" title="自定义模板" fullscreen>
|
||||
<div style="margin: 0 10px;">
|
||||
<el-alert title="输入 @ 可选择插入流程表单选项和默认选项" type="info" show-icon
|
||||
:closable="false"/>
|
||||
<el-alert
|
||||
title="输入 @ 可选择插入流程表单选项和默认选项"
|
||||
type="info"
|
||||
show-icon
|
||||
:closable="false"/>
|
||||
</div>
|
||||
<div style="border: 1px solid #ccc;margin: 10px;">
|
||||
<Toolbar
|
||||
|
|
@ -91,11 +94,12 @@ onBeforeUnmount(() => {
|
|||
v-model="valueHtml"
|
||||
:defaultConfig="editorConfig"
|
||||
:editorId="editorId"
|
||||
@onCreated="handleCreated"
|
||||
@on-created="handleCreated"
|
||||
/>
|
||||
<MentionModal v-if="isShowModal"
|
||||
@hideMentionModal="hideModal"
|
||||
@insertMention="insertMention"/>
|
||||
<MentionModal
|
||||
v-if="isShowModal"
|
||||
@hide-mention-modal="hideModal"
|
||||
@insert-mention="insertMention"/>
|
||||
</div>
|
||||
<div style="margin-right: 10px;float: right;">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ const list = ref([
|
|||
{id: 'endTime', name: '发起时间'},
|
||||
{id: 'processStatus', name: '流程状态'},
|
||||
{id: 'processResult', name: '流程结果'},
|
||||
{id: 'printUsername', name: '打印人'},
|
||||
{id: 'printUser', name: '打印人'},
|
||||
{id: 'printTime', name: '打印时间'},
|
||||
])
|
||||
const searchedList = computed(() => {
|
||||
|
|
@ -41,7 +41,17 @@ const insertMentionHandler = (id, name) => {
|
|||
emit('hideMentionModal')
|
||||
}
|
||||
|
||||
const formFields = inject('formFieldsObj')
|
||||
onMounted(()=> {
|
||||
if (formFields.value && formFields.value.length > 0) {
|
||||
const cloneFormField = formFields.value.map((item) => {
|
||||
return {
|
||||
name: '[表单]'+item.title,
|
||||
id: item.field
|
||||
}
|
||||
})
|
||||
list.value.push(...cloneFormField)
|
||||
}
|
||||
const domSelection = document.getSelection()
|
||||
const domRange = domSelection?.getRangeAt(0)
|
||||
if (domRange == null) return
|
||||
|
|
|
|||
Loading…
Reference in New Issue