| | |
| | | <el-input placeholder="流程模板" v-model="saveParam.modelName" disabled></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="流程名称" prop="processName"> |
| | | <el-input placeholder="流程名称" v-model="saveParam.template"> |
| | | <el-input placeholder="流程名称" v-model="saveParam.processName"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="流程描述"> |
| | |
| | | </div> |
| | | <el-form :model="collectParam" class="demo-form-inline" label-position="left" label-width="auto"> |
| | | <el-form-item :label="item.taskName" v-for="(item, index) in initFrom" :key="index"> |
| | | <el-select style="width: 80%;" filterable v-model="collectParam.flowTaskUsers[index]['userId']" |
| | | <el-select style="width: 100%;" filterable v-model="collectParam.flowTaskUsers[index]['userId']" |
| | | :placeholder="item.taskName" @change="handleSelect($event, index)"> |
| | | <el-option :label="key.userNames" :value="key.userId" v-for="(key, keyi) in typeName" |
| | | :key="keyi"></el-option> |
| | |
| | | export default { |
| | | name: 'SetPersonnel', |
| | | props: { |
| | | // 是否打开 |
| | | visible: { |
| | | typeof: Boolean, |
| | | default: false |
| | | }, |
| | | // 标题 |
| | | title: { |
| | | typeof: String, |
| | | default: '流程审批' |
| | | }, |
| | | // 参数:选择的id,多个以数组方式传递:['id','id'],模板id,模板用途,流程名字,流程模板, |
| | | // flowTemplate: |
| | | // vars:object格式,名字为vars,里面key键值,自己随意 |
| | | parameter: { |
| | | typeof: Object, |
| | | default: () => { } |
| | | }, |
| | | parameterKeys: { |
| | | typeof: Object, |
| | | default: () => { |
| | | return { |
| | | ids: 'ids', |
| | | flowTemplate: 'flowTemplate', |
| | | code: 'code', |
| | | type: 'type', |
| | | btmtype:'btmtype' |
| | | } |
| | | } |
| | | // 是否打开 |
| | | visible: { |
| | | typeof: Boolean, |
| | | default: false |
| | | }, |
| | | // 标题 |
| | | title: { |
| | | typeof: String, |
| | | default: '流程审批' |
| | | }, |
| | | // 参数:选择的id,多个以数组方式传递:['id','id'],模板id,模板用途,流程名字,流程模板, |
| | | // flowTemplate: |
| | | // vars:object格式,名字为vars,里面key键值,自己随意 |
| | | parameter: { |
| | | typeof: Object, |
| | | default: () => { |
| | | } |
| | | |
| | | }, |
| | | parameterKeys: { |
| | | typeof: Object, |
| | | default: () => { |
| | | return { |
| | | ids: 'ids', |
| | | processName: 'processName', |
| | | code: 'code', |
| | | type: 'type', |
| | | btmtype: 'btmtype' |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | watch: { |
| | | visible(n) { |
| | | this.dialogVisible = n; |
| | | if (n) { |
| | | this.apiInit() |
| | | this.apiDict() |
| | | } |
| | | visible(n) { |
| | | this.dialogVisible = n; |
| | | if (n) { |
| | | this.apiInit() |
| | | this.apiDict() |
| | | } |
| | | }, |
| | | dialogVisible(n) { |
| | | this.$emit('update:visible', n) |
| | | }, |
| | | users: { |
| | | handler(val) { |
| | | this.collectParam.flowTaskUsers = val |
| | | }, |
| | | dialogVisible(n) { |
| | | this.$emit('update:visible', n) |
| | | deep: true, |
| | | immediate: true |
| | | }, |
| | | parameter: { |
| | | handler(newval, oldval) { |
| | | this.saveParam = Object.assign({processName:'',processDesc: ''},newval) ; |
| | | }, |
| | | users:{ |
| | | handler(val){ |
| | | this.collectParam.flowTaskUsers = val |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | | }, |
| | | parameter:{ |
| | | handler(newval,oldval){ |
| | | this.saveParam=newval; |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | | deep: true, |
| | | immediate: true |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | users: [], |
| | | rules: { |
| | | processName: [ |
| | | { required: true, message: '模板名称不能为空', trigger: 'blur' }, |
| | | { min: 1, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' } |
| | | { required: true, message: '流程名称不能为空', trigger: 'blur' }, |
| | | { min: 3, max: 50, message: '长度在 3 到 50 个字符', trigger: 'blur' } |
| | | ] |
| | | } |
| | | } |
| | |
| | | created() { |
| | | }, |
| | | methods: { |
| | | setSaveParam() { |
| | | return { |
| | | processName: this.parameter[this.parameterKeys.flowTemplate], |
| | | topName: this.title, |
| | | ids: this.parameter[this.parameterKeys.ids], |
| | | oids: this.parameter[this.parameterKeys.ids], |
| | | btmtype:this.parameter[this.parameterKeys.btmtype], |
| | | vars:this.parameter['vars'] |
| | | } |
| | | }, |
| | | userIndex(arr1) { |
| | | return this.initFrom.findIndex(i => i.taskId === arr1) |
| | | }, |
| | |
| | | let flowTaskUsers = response.data.data.user |
| | | this.collectParam = { modelKey, templateId, flowTaskUsers: flowTaskUsers } |
| | | this.users = response.data.data.user |
| | | console.log(this.collectParam) |
| | | console.log('this.saveParam.before',this.saveParam) |
| | | this.saveParam = { ...this.saveParam, modelKey, templateId, modelName } |
| | | console.log('this.saveParam',this.saveParam) |
| | | if (this.tags.length !== 0) this.handleClickTag(this.tags[0]) |
| | | } |
| | | }, |
| | |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | }).then(async ({ value }) => { |
| | | console.log(this.users) |
| | | this.collectParam.flowTaskUsers = this.users |
| | | this.collectParam = { ...this.collectParam, name: value } |
| | | console.log(this.collectParam) |
| | | const response = await personnelCollect(this.collectParam) |
| | | console.log(response) |
| | | if (response.status === 200) { |
| | | this.$nextTick(() => { |
| | | this.apiInit() |