Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

全局属性-表单预设页面80%

Browse Source
This commit is contained in:
zhujiyan
2024-05-07 11:47:39 +08:00
parent a18257f73f
commit 55d0673f19
1 changed files with 111 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/components/XnWorkflow/globalAttribute/formPreset.vue
View File

@@ -1,27 +1,122 @@
<!-- 全局属性表单预设页面 --> <!-- 全局属性表单预设页面 -->
<template> <template>
<div class="home"> <div class="home">
<div class="info">
<navTitle> <navTitle>
<template #nav_name>预设全局需要的表单</template> <template #nav_name>预设全局需要的表单</template>
</navTitle> </navTitle>
<div class="node_form">
<el-form :model="form" label-width="auto" label-position="top">
<el-form-item
label="开始节点表单"
name="processStartTaskFormUrl"
:rules="[{ required: true, message: '请输入开始节点表单' }]"
>
<el-input
v-model="form.properties.configInfo.processStartTaskFormUrl"
placeholder="请输入开始节点表单组件"
clearable
>
<template #prepend>src/views/flw/customform/</template>
<template #append>.vue</template>
<template #suffix>
<el-button
v-if="form.properties.configInfo.processStartTaskFormUrl"
type="primary"
size="small"
@click="
$refs.previewCustomFormRef.onOpen(
form.properties.configInfo.processStartTaskFormUrl
)
"
>
预览
</el-button>
</template>
</el-input>
</el-form-item>
<el-form-item
label="移动端开始节点表单"
name="processStartTaskMobileFormUrl"
:rules="[{ required: true, message: '请输入移动端开始节点表单', trigger: 'blur' }]"
>
<el-input
v-model="form.properties.configInfo.processStartTaskMobileFormUrl"
placeholder="请输入移动端开始节点表单组件"
clearable
>
<template #prepend>pages/flw/customform/</template>
<template #append>.vue</template>
</el-input>
</el-form-item>
<el-form-item
label="人员节点表单"
name="processUserTaskFormUrl"
:rules="[{ required: true, message: '请输入人员节点表单' }]"
>
<el-input
v-model="form.properties.configInfo.processUserTaskFormUrl"
placeholder="请输入人员节点表单组件"
clearable
>
<template #prepend>src/views/flw/customform/</template>
<template #append>.vue</template>
<template #suffix>
<el-button
v-if="form.properties.configInfo.processUserTaskFormUrl"
type="primary"
size="small"
@click="
$refs.previewCustomFormRef.onOpen(form.properties.configInfo.processUserTaskFormUrl)
"
>
预览
</el-button>
</template>
</el-input>
</el-form-item>
<el-form-item
label="移动端人员节点表单"
name="processUserTaskMobileFormUrl"
:rules="[{ required: true, message: '请输入移动端人员节点表单' }]"
>
<el-input
v-model="form.properties.configInfo.processUserTaskMobileFormUrl"
placeholder="请输入移动端人员节点表单组件"
clearable
>
<template #prepend>pages/flw/customform/</template>
<template #append>.vue</template>
</el-input>
</el-form-item>
</el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script setup>
import navTitle from '../components/navTitle.vue' import navTitle from '../components/navTitle.vue'
export default { import { ref ,reactive} from 'vue'
components: { const form = ref({})
navTitle form.value= {
}, properties: {
data() { configInfo: {
return {} processStartTaskFormUrl: '', //开始节点表单
}, processStartTaskMobileFormUrl: '', //移动端开始节点表单
mounted() {}, processUserTaskFormUrl: '', //人员节点表单
methods: {} processUserTaskMobileFormUrl: '' //移动端人员节点表单
}
}
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.home { .home {
width: 100%;
height: calc(100vh - 170px);
padding-top: 20px;
overflow: auto;
.node_form{
width:96%;
padding-top: 10px;
margin: 0 auto;
}
} }
</style> </style>