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

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

@@ -1,27 +1,122 @@
<!-- 全局属性表单预设页面 -->
<template>
<div class="home">
<div class="info">
<navTitle>
<template #nav_name>预设全局需要的表单</template>
</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>
</template>
<script>
<script setup>
import navTitle from '../components/navTitle.vue'
export default {
components: {
navTitle
},
data() {
return {}
},
mounted() {},
methods: {}
import { ref ,reactive} from 'vue'
const form = ref({})
form.value= {
properties: {
configInfo: {
processStartTaskFormUrl: '', //开始节点表单
processStartTaskMobileFormUrl: '', //移动端开始节点表单
processUserTaskFormUrl: '', //人员节点表单
processUserTaskMobileFormUrl: '' //移动端人员节点表单
}
}
}
</script>
<style scoped>
.home{
<style lang="scss" scoped>
.home {
width: 100%;
height: calc(100vh - 170px);
padding-top: 20px;
overflow: auto;
.node_form{
width:96%;
padding-top: 10px;
margin: 0 auto;
}
}
</style>