表单锁定状态

表单锁定

说明

同一个流程实例中，出现多人办理的情况，当在待办中打开这个表单的时候，会给这个流程实例添加一个状态
表单中可以自行使用这个状态，设置表单字段的编辑状态
锁定的规则：关闭表单后30秒才会自动刷新，并且在锁定的情况无法进行操作

前端展示

自定义表单锁定状态事件

在prop添加lock属性

props: {
    // 流程的数据
    data: {
      default () {
        return {}
      }
    },
    // 表单状态
    state: {
      default () {
        return 'add'
      }
    },
    //锁定状态
    lock:{
      default () {
        return false
      }
    }
  },

在form表单文本框添加:disabled

<el-input v-model="form.name" placeholder="请输入姓名" :maxlength="50" clearable
                :style="{width: '100%'}" :disabled="lock"></el-input>