⚡ 增加发起事务页面

src/router/page/index.js

@@ -1,4 +1,5 @@
 import Layout from '@/page/index/'
+
 export default [{
   path: '/login',
   name: '登录页',
@@ -10,7 +11,7 @@ export default [{
     isAuth: false
   }
 },
-{
+  {
     path: '/lock',
     name: '锁屏页',
     component: () =>
@@ -20,8 +21,8 @@ export default [{
       isTab: false,
       isAuth: false
     }
-},
-{
+  },
+  {
     path: '/404',
     component: () =>
       import( /* webpackChunkName: "page" */ '@/components/error-page/404'),
@@ -32,8 +33,8 @@ export default [{
       isAuth: false
     }
 
-},
-{
+  },
+  {
     path: '/403',
     component: () =>
       import( /* webpackChunkName: "page" */ '@/components/error-page/403'),
@@ -43,8 +44,8 @@ export default [{
       isTab: false,
       isAuth: false
     }
-},
-{
+  },
+  {
     path: '/500',
     component: () =>
       import( /* webpackChunkName: "page" */ '@/components/error-page/500'),
@@ -54,13 +55,13 @@ export default [{
       isTab: false,
       isAuth: false
     }
-},
-{
+  },
+  {
     path: '/',
     name: '主页',
     redirect: '/wel'
-},
-{
+  },
+  {
     path: '/myiframe',
     component: Layout,
     redirect: '/myiframe',
@@ -72,9 +73,9 @@ export default [{
       props: true
     }]
 
-},
-{
+  },
+  {
     path: '*',
     redirect: '/404'
-}
+  }
 ]

src/router/views/index.js

@@ -1,4 +1,5 @@
 import Layout from '@/page/index/'
+
 export default [{
   path: '/wel',
   component: Layout,
@@ -38,4 +39,33 @@ export default [{
     component: () =>
       import( /* webpackChunkName: "views" */ '@/views/user/info')
   }]
+}, {
+  path: '/work/process/leave',
+  component: Layout,
+  redirect: '/work/process/leave/form',
+  children: [{
+    path: 'form',
+    name: '请假流程',
+    meta: {
+      i18n: 'work'
+    },
+    component: () =>
+      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/form')
+  }, {
+    path: 'handle',
+    name: '处理请假流程',
+    meta: {
+      i18n: 'work'
+    },
+    component: () =>
+      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/handle')
+  }, {
+    path: 'detail',
+    name: '请假流程详情',
+    meta: {
+      i18n: 'work'
+    },
+    component: () =>
+      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
+  }]
 }]

src/views/work/process/leave/form.vue

@@ -1,6 +1,6 @@
 <template>
   <basic-container>
-    <avue-form :option="option" v-model="form" :upload-before="uploadBefore" :upload-after="uploadAfter"></avue-form>
+    <avue-form :option="option" v-model="form" @submit="handleSubmit"></avue-form>
   </basic-container>
 </template>
 
@@ -9,55 +9,78 @@
     data() {
       return {
         form: {
-          imgUrl: [],
+
         },
         option: {
-          labelWidth: 120,
+          group:[
+            {
+              icon:'el-icon-info',
+              label: '请假基础信息',
+              prop: 'group1',
               column: [
                 {
-              label: '流程类型',
-              prop: 'flowCategory',
+                  label: '审批人员',
+                  prop: 'taskUser',
                   type: 'select',
-              dicUrl: `/api/blade-system/dict/dictionary?code=flow`,
+                  dicUrl: `/api/blade-user/user-list`,
                   props: {
-                label: "dictValue",
-                value: "dictKey"
+                    label: "account",
+                    value: "id"
                   },
+                  span:24,
                   rules: [
                     {
                       required: true,
-                  message: '请选择流程类型',
+                      message: '请选择审批人员',
                       trigger: 'blur'
                     }
                   ]
                 },
                 {
-              label: '附件上传',
-              prop: 'imgUrl',
-              type: 'upload',
-              loadText: '附件上传中，请稍等',
-              span: 24,
-              propsHttp: {
-                res: 'data.0'
+                  label: '开始时间',
+                  prop: 'startTime',
+                  type: 'datetime',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择开始时间',
+                      trigger: 'blur'
+                    }
+                  ]
+                },
+                {
+                  label: '结束时间',
+                  prop: 'endTime',
+                  type: 'datetime',
+                  rules: [
+                    {
+                      required: true,
+                      message: '请选择结束时间',
+                      trigger: 'blur'
+                    }
+                  ]
                 },
-              tip: '请上传 bpmn20.xml 标准格式文件',
+                {
+                  label: '请假理由',
+                  prop: 'reason',
+                  type: 'textarea',
+                  span:24,
+                  rules: [
+                    {
+                      required: true,
+                      message: '请输入请假理由',
+                      trigger: 'blur'
+                    }
+                  ]
                 },
               ]
+            },
+          ],
         }
       }
     },
     methods: {
-      uploadBefore(file, done, loading) {
-        console.log(file)
-        done()
-        this.$message.success('上传前的方法')
-      },
-      uploadAfter(res, done, loading) {
-        console.log(res)
-        done()
-        this.$message.success('上传后的方法')
-      },
-      submit() {
+      handleSubmit() {
         this.$message.success('当前数据' + JSON.stringify(this.form))
       }
     }