diff --git a/yanzhu-ui-vue3/package.json b/yanzhu-ui-vue3/package.json
index 86bd93d8..6fedee63 100644
--- a/yanzhu-ui-vue3/package.json
+++ b/yanzhu-ui-vue3/package.json
@@ -18,7 +18,8 @@
     "@element-plus/icons-vue": "2.0.10",
     "@vueup/vue-quill": "1.1.0",
     "@vueuse/core": "9.5.0",
-    "axios": "0.27.2",
+    "animate.css": "4.1.1",
+    "axios": "^1.0.0",
     "bpmn-js": "^8.10.0",
     "bpmn-js-task-resize": "^1.2.0",
     "bpmn-js-token-simulation": "^0.10.0",
@@ -32,7 +33,8 @@
     "pinia": "2.0.22",
     "vue": "3.2.45",
     "vue-cropper": "1.0.3",
-    "vue-router": "4.1.4"
+    "vue-router": "4.1.4",
+    "yanzhu": "file:"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "3.1.0",
diff --git a/yanzhu-ui-vue3/src/animate.ts b/yanzhu-ui-vue3/src/animate.ts
new file mode 100644
index 00000000..7a23df83
--- /dev/null
+++ b/yanzhu-ui-vue3/src/animate.ts
@@ -0,0 +1,48 @@
+// 前缀
+const animatePrefix = 'animate__animated ';
+// 开启随机动画 随机动画值
+const animateList: string[] = [
+  animatePrefix + 'animate__pulse',
+  animatePrefix + 'animate__rubberBand',
+  animatePrefix + 'animate__bounceIn',
+  animatePrefix + 'animate__bounceInLeft',
+  animatePrefix + 'animate__fadeIn',
+  animatePrefix + 'animate__fadeInLeft',
+  animatePrefix + 'animate__fadeInDown',
+  animatePrefix + 'animate__fadeInUp',
+  animatePrefix + 'animate__flipInX',
+  animatePrefix + 'animate__lightSpeedInLeft',
+  animatePrefix + 'animate__rotateInDownLeft',
+  animatePrefix + 'animate__rollIn',
+  animatePrefix + 'animate__rotateInDownLeft',
+  animatePrefix + 'animate__zoomIn',
+  animatePrefix + 'animate__zoomInDown',
+  animatePrefix + 'animate__slideInLeft',
+  animatePrefix + 'animate__lightSpeedIn'
+];
+// 关闭随机动画后的默认效果
+const defaultAnimate = animatePrefix + 'animate__fadeIn';
+// 搜索隐藏显示动画
+const searchAnimate = {
+  enter: '',
+  leave: ''
+};
+
+// 菜单搜索动画
+const menuSearchAnimate = {
+  enter: animatePrefix + 'animate__fadeIn',
+  leave: animatePrefix + 'animate__fadeOut'
+};
+// logo动画
+const logoAnimate = {
+  enter: animatePrefix + 'animate__fadeIn',
+  leave: animatePrefix + 'animate__fadeOut'
+};
+
+export default {
+  animateList,
+  defaultAnimate,
+  searchAnimate,
+  menuSearchAnimate,
+  logoAnimate
+};
diff --git a/yanzhu-ui-vue3/src/main.js b/yanzhu-ui-vue3/src/main.js
index 5cf88464..54fcaafd 100644
--- a/yanzhu-ui-vue3/src/main.js
+++ b/yanzhu-ui-vue3/src/main.js
@@ -42,7 +42,8 @@ import ImagePreview from "@/components/ImagePreview"
 import TreeSelect from '@/components/TreeSelect'
 // 字典标签组件
 import DictTag from '@/components/DictTag'
-
+// 预设动画
+import animate from './animate';
 const app = createApp(App)
 
 // 全局方法挂载
@@ -54,6 +55,7 @@ app.config.globalProperties.handleTree = handleTree
 app.config.globalProperties.addDateRange = addDateRange
 app.config.globalProperties.selectDictLabel = selectDictLabel
 app.config.globalProperties.selectDictLabels = selectDictLabels
+app.config.globalProperties.animate = animate;
 
 // 全局组件挂载
 app.component('DictTag', DictTag)
diff --git a/yanzhu-ui-vue3/src/views/workflow/work/index.vue b/yanzhu-ui-vue3/src/views/workflow/work/index.vue
new file mode 100644
index 00000000..f1b97212
--- /dev/null
+++ b/yanzhu-ui-vue3/src/views/workflow/work/index.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>
+    hello
+  </div>
+</template>
+
+<script lang='ts' setup>
+</script>
+<style scoped lang='less'>
+</style>
\ No newline at end of file
diff --git a/yanzhu-ui-vue3/src/views/workflow/work/own.vue b/yanzhu-ui-vue3/src/views/workflow/work/own.vue
index 5e2f25da..02a0170c 100644
--- a/yanzhu-ui-vue3/src/views/workflow/work/own.vue
+++ b/yanzhu-ui-vue3/src/views/workflow/work/own.vue
@@ -93,7 +93,7 @@ import { listAllCategory } from "@/api/workflow/category";
 import { ProcessQuery, ProcessVO } from "@/api/workflow/work/types";
 import { CategoryVO } from "@/api/workflow/category/types";
 import { DateModelType } from "element-plus";
-
+import { ElForm } from 'element-plus';
 import { ComponentInternalInstance } from "vue";
 
 const router = useRouter();
diff --git a/yanzhu-ui-vue3/src/views/workflow/work/start.vue b/yanzhu-ui-vue3/src/views/workflow/work/start.vue
index acdd2d3d..0e43aad4 100644
--- a/yanzhu-ui-vue3/src/views/workflow/work/start.vue
+++ b/yanzhu-ui-vue3/src/views/workflow/work/start.vue
@@ -16,6 +16,7 @@
 </template>
 
 <script setup name="WorkStart" lang="ts">
+import { ElForm } from 'element-plus';
 import { getProcessForm, startProcess } from '@/api/workflow/work/process';
 
 import { ComponentInternalInstance } from "vue";