增加发起事务页面

pull/59/head
smallchill 7 years ago
parent 4fda69bcfb
commit c7e48d2706
  1. 1
      src/router/page/index.js
  2. 30
      src/router/views/index.js
  3. 79
      src/views/work/process/leave/form.vue

@ -1,4 +1,5 @@
import Layout from '@/page/index/' import Layout from '@/page/index/'
export default [{ export default [{
path: '/login', path: '/login',
name: '登录页', name: '登录页',

@ -1,4 +1,5 @@
import Layout from '@/page/index/' import Layout from '@/page/index/'
export default [{ export default [{
path: '/wel', path: '/wel',
component: Layout, component: Layout,
@ -38,4 +39,33 @@ export default [{
component: () => component: () =>
import( /* webpackChunkName: "views" */ '@/views/user/info') 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')
}]
}] }]

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

Loading…
Cancel
Save