| | |
| | | typeof: String, |
| | | default: '流程审批' |
| | | }, |
| | | // 参数:选择的id,多个以数组方式传递:['id','id'],模板id,模板用途,流程名字,流程模板 |
| | | // 参数:选择的id,多个以数组方式传递:['id','id'],模板id,模板用途,流程名字,流程模板, |
| | | // flowTemplate: |
| | | // vars:object格式,名字为vars,里面key键值,自己随意 |
| | | parameter: { |
| | | typeof: Object, |
| | | default: () => { } |
| | |
| | | watch: { |
| | | 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 |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | | }, |
| | | parameter:{ |
| | | handler(newval,oldval){ |
| | | console.log('子',newval,oldval) |
| | | this.saveParam=newval |
| | | },deep:true, |
| | | immediate:true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | tags: [], |
| | | typeName: [], |
| | | collectParam: {}, |
| | | saveParam: this.saveParam(), |
| | | saveParam: {}, |
| | | users: [], |
| | | rules: { |
| | | processName: [ |
| | |
| | | }, |
| | | |
| | | mounted() { |
| | | this.apiInit() |
| | | this.apiDict() |
| | | console.log('---',this.parameter) |
| | | }, |
| | | methods: { |
| | | saveParam() { |
| | | created() { |
| | | }, |
| | | methods: { |
| | | setSaveParam() { |
| | | return { |
| | | processName: this.parameter[this.parameterKeys.flowTemplate], |
| | | topName: this.title, |
| | | ids: this.parameter[this.parameterKeys.ids], |
| | | vars:this.parameter['vars'] |
| | | } |
| | | }, |
| | | userIndex(arr1) { |
| | | return this.initFrom.findIndex(i => i.taskId === arr1) |
| | | }, |
| | | async apiInit() { |
| | | const response = await personnelInit({ type: this.parameter[this.parameterKeys.type], templateId: this.parameter[this.parameterKeys.code] }) |
| | | const response = await personnelInit({ type: this.parameter[this.parameterKeys.type], templateId: this.parameter[this.parameterKeys.code]}) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.initFrom = response.data.data.user |
| | | this.tags = response.data.data.collect |
| | | const { modelKey, templateId, modelName } = response.data.data.flow |
| | | 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 } |
| | | this.handleClickTag(this.tags[0]) |
| | | console.log('this.saveParam',this.saveParam) |
| | | if (this.tags.length !== 0) this.handleClickTag(this.tags[0]) |
| | | } |
| | | }, |
| | | async apiDict() { |
| | |
| | | this.collectParam = { ...this.collectParam, name: value } |
| | | console.log(this.collectParam) |
| | | const response = await personnelCollect(this.collectParam) |
| | | Console.log(response) |
| | | console.log(response) |
| | | if (response.status === 200) { |
| | | this.$nextTick(() => { |
| | | this.apiInit() |
| | | }) |
| | | console.log(response) |
| | | } |
| | | }).catch(() => { |
| | | |
| | |
| | | }, |
| | | async apiSave() { |
| | | try { |
| | | const response = await personnelSave(this.saveParam) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | const len = this.collectParam.flowTaskUsers.length |
| | | console.log(this.collectParam.flowTaskUsers) |
| | | console.log(len == 0) |
| | | console.log(len != this.initFrom.length) |
| | | console.log('saveParam',this.saveParam) |
| | | if (len == 0 && len != this.initFrom.length) { |
| | | this.$message({ |
| | | type: 'success', |
| | | message: response.data.msg |
| | | type: "error", |
| | | message: "请选择节点!" |
| | | }); |
| | | this.done() |
| | | } else { |
| | | const {modelKey,modelName,processDesc,processName,templateId,topName,vars,ids} = this.saveParam |
| | | const vals= {modelKey,modelName,processDesc,processName,templateId,topName,ids,...vars} |
| | | console.log('vals',vals); |
| | | const response = await personnelSave({ variables:vals, flowTaskUsers: this.collectParam.flowTaskUsers, }) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.$message({ |
| | | type: 'success', |
| | | message: response.data.msg |
| | | }); |
| | | this.done() |
| | | } |
| | | } |
| | | |
| | | } catch { |
| | | console.error('接口调用失败') |
| | | } |
| | | }, |
| | | handleClickTag(event) { |
| | | console.log(event) |
| | | const flowTaskUsers = event.flowTaskUsers//collet.flowTaskUsers |
| | | let tasks = this.collectParam.flowTaskUsers;//user |
| | | for(let i=0;i<tasks.length;i++){ |
| | | let thisFlowTaskUsers = tasks[i]; |
| | | console.log('thisFlowTaskUsers',thisFlowTaskUsers) |
| | | for(let j=0;j<flowTaskUsers.length;j++){ |
| | | let thisFflowTaskUsers = flowTaskUsers[j]; |
| | | if(thisFlowTaskUsers.taskId==thisFflowTaskUsers.taskId){ |
| | | thisFlowTaskUsers['userName']=thisFflowTaskUsers.userName; |
| | | thisFlowTaskUsers['userId']=thisFflowTaskUsers.userId; |
| | | console.log(event.flowTaskUsers) |
| | | |
| | | console.log(this.collectParam.flowTaskUsers) |
| | | let flowTaskUsers = this.collectParam.flowTaskUsers |
| | | this.collectParam.flowTaskUsers = flowTaskUsers.map((item, index) => { |
| | | for (let i = 0; i < event.flowTaskUsers.length; i++) { |
| | | if (item.taskId == event.flowTaskUsers[i].taskId) { |
| | | item['userName'] = event.flowTaskUsers[i]['userName'] |
| | | item['userId'] = event.flowTaskUsers[i]['userId'] |
| | | } |
| | | } |
| | | } |
| | | console.log(this.collectParam) |
| | | return item |
| | | }) |
| | | this.users = this.collectParam.flowTaskUsers |
| | | // const flowTaskUsers = event.flowTaskUsers//collet.flowTaskUsers |
| | | // let tasks = this.collectParam.flowTaskUsers;//user |
| | | // for (let i = 0; i < tasks.length; i++) { |
| | | // let thisFlowTaskUsers = tasks[i]; |
| | | // for (let j = 0; j < flowTaskUsers.length; j++) { |
| | | // let thisFflowTaskUsers = flowTaskUsers[j]; |
| | | // if (thisFlowTaskUsers.taskId == thisFflowTaskUsers.taskId) { |
| | | // thisFlowTaskUsers['userName'] = thisFflowTaskUsers.userName; |
| | | // thisFlowTaskUsers['userId'] = thisFflowTaskUsers.userId; |
| | | // } |
| | | // } |
| | | // } |
| | | // this.collectParam.flowTaskUsers = {...this.collectParam.flowTaskUsers,userId,userName} |
| | | }, |
| | | handleCloseTag(event) { |
| | | console.log(event) |
| | |
| | | handleSelect(event, index) { |
| | | const res = this.typeName.find(item => item.userId === event) |
| | | const { userName } = res |
| | | let users = { ... this.collectParam.flowTaskUsers[index], userName } |
| | | console.log(users) |
| | | this.users[index] = users |
| | | console.log(this.users) |
| | | this.$set(this.users, index, { ... this.collectParam.flowTaskUsers[index], userName }) |
| | | // this.users[index] = { ... this.collectParam.flowTaskUsers[index], userName } |
| | | console.log(this.users) |
| | | }, |
| | | done() { |
| | | this.dialogVisible = false |
| | |
| | | justify-content: end; |
| | | padding-bottom: 10px; |
| | | } |
| | | </style> |
| | | </style> |