审批意见

说明

1、审批意见组件是基于element-ui中的input输入框的文本域textarea (opens new window)和select选择器 (opens new window)进行的二次封装。
2、审批意见组件的封装，便于在工作流程中复用，提高开发效率。

使用

<template>
  <div>
    <button @click="approvalShow">审批</button>
    <approvalDialog
      :show.sync="approvalDialogShow"
      @closeParentFun="closeParentFun"
      v-if="approvalDialogShow"
      :rule-form="approvaRuleForm"
      :is-restart="isRestart"
      :sure="sureApproval"
    ></approvalDialog>
  </div>
</template>
<script>

import approvalDialog from '@/components/approvalDialog/index.vue'

export default {
  name: 'Test',
  components: {
    approvalDialog
  },
  data() {
    return {
      approvalDialogShow: false,
      approvaRuleForm: {},
      isRestart: false
    }
  },
  methods: {
    closeParentFun() {
      console.log(关闭父页面的方法)
      this.approvaRuleForm = {}
    },
    approvalShow() {
      this.approvalDialogShow = true
    },
    sureApproval(form) {

    }
  }
}
</script>

参数说明

属性

属性	描述	类型	可选值	默认值
show	控制弹框的显隐	boolean	true,false	—
ruleForm	当申请失效返回审批表单的内容	Object{}	—	—
isRestart	判断重新发起审批处理是否成功	boolean	true,false	—
sure	确认操作，当用户点击确认，对输入和选择的内容进行判断	Function()	—	—

事件

事件名称	说明	回调参数
getApprovalOptions	获取审批的选项	e
beforeClose	关闭弹框的操作	e
sureFun	提交的操作	e

组件源码参考

组件源码 (opens new window)