From 55d0673f19ac4316ebddf1f0ee9e57e22fb3edbe Mon Sep 17 00:00:00 2001
From: zhujiyan <17812234322@163.com>
Date: Tue, 7 May 2024 11:47:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=B1=9E=E6=80=A7-=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E9=A2=84=E8=AE=BE=E9=A1=B5=E9=9D=A280%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../XnWorkflow/globalAttribute/formPreset.vue | 127 +++++++++++++++---
 1 file changed, 111 insertions(+), 16 deletions(-)

diff --git a/src/components/XnWorkflow/globalAttribute/formPreset.vue b/src/components/XnWorkflow/globalAttribute/formPreset.vue
index 8918a183..ccfbef4c 100644
--- a/src/components/XnWorkflow/globalAttribute/formPreset.vue
+++ b/src/components/XnWorkflow/globalAttribute/formPreset.vue
@@ -1,27 +1,122 @@
 <!-- 全局属性表单预设页面 -->
 <template>
     <div class="home">
-        <div class="info">
-            <navTitle>
-                <template #nav_name>预设全局需要的表单</template>
-            </navTitle>
+        <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>