exa_wf_leaveFrom.vue 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <template>
  2. <div>
  3. <el-form :model="formData" label-position="right" label-width="80px">
  4. <el-form-item label="请假原因:">
  5. <el-input
  6. v-model="formData.cause"
  7. clearable
  8. placeholder="请输入"
  9. ></el-input>
  10. </el-form-item>
  11. <el-form-item label="开始时间:">
  12. <el-date-picker
  13. type="date"
  14. placeholder="选择日期"
  15. v-model="formData.startTime"
  16. clearable
  17. ></el-date-picker>
  18. </el-form-item>
  19. <el-form-item label="结束时间:">
  20. <el-date-picker
  21. type="date"
  22. placeholder="选择日期"
  23. v-model="formData.endTime"
  24. clearable
  25. ></el-date-picker>
  26. </el-form-item>
  27. <el-form-item>
  28. <el-button @click="start" type="primary">启动</el-button>
  29. <el-button @click="back" type="primary">返回</el-button>
  30. </el-form-item>
  31. </el-form>
  32. </div>
  33. </template>
  34. <script>
  35. import {
  36. startWorkflow,
  37. } from "@/api/workflowProcess";
  38. import infoList from "@/mixins/infoList";
  39. import { mapGetters } from "vuex";
  40. export default {
  41. name: "ExaWfLeave",
  42. mixins: [infoList],
  43. props:{
  44. wf:{
  45. type:Object,
  46. default:function(){return{}}
  47. }
  48. },
  49. data() {
  50. return {
  51. type: "",formData: {
  52. cause:"",
  53. startTime:new Date(),
  54. endTime:new Date(),
  55. }
  56. };
  57. },
  58. computed:{
  59. ...mapGetters("user", ["userInfo"])
  60. },
  61. methods: {
  62. async start() {
  63. const res = await startWorkflow({
  64. business:this.formData,
  65. wf:{
  66. businessId:0,
  67. businessType:"leave",
  68. workflowProcessID:this.wf.workflowProcessID,
  69. workflowNodeID:this.wf.id,
  70. promoterID:this.userInfo.ID,
  71. action:"create",
  72. param:""
  73. }
  74. });
  75. if (res.code == 0) {
  76. this.$message({
  77. type:"success",
  78. message:"启动成功"
  79. })
  80. }
  81. },
  82. back(){
  83. this.$router.go(-1)
  84. }
  85. },
  86. async created() {
  87. // 建议通过url传参获取目标数据ID 调用 find方法进行查询数据操作 从而决定本页面是create还是update 以下为id作为url参数示例
  88. }
  89. };
  90. </script>
  91. <style>
  92. </style>