增加发起事务页面

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/'
export default [{
path: '/login',
name: '登录页',

@ -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')
}]
}]

@ -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'
}
]
},
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: {
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))
}
}

Loading…
Cancel
Save