流程节点管理及动作管理提交

whyczyk

2021-11-05 6165429964c79c831b85570d8bac6b67775846b0

流程节点管理及动作管理提交

 src/assets/js/constants.js

@@ -9,3 +9,14 @@
  3: '三级',
}

export const actionType = {
  '0': '派发',
  '1': '转派',
  '2': '移交',
  '3': '分派',
  '4': '驳回',
  '5': '回复',
  '6': '处理并归档',
  '7': '处理分派',
}


 src/pages/manage/js/api.js

@@ -32,3 +32,19 @@
    data: data,
  });
}
//查询节点下动作
export const getActionTypeList = (params) => {
  return axios({
    method: 'GET',
    url: '/workflowAction/actionTypeList',
    params: params,
  });
}
//修改节点下动作
export const updateAction = (data) => {
  return axios({
    method: 'PUT',
    url: '/workflowAction',
    data: data,
  });
}

 src/pages/manage/node/addNode.vue

@@ -2,7 +2,36 @@
    <div class="main">
        <div class="contain">
            <div class="title">{{title}}</div>
            <el-form ref="form" :model="form" label-width="10em">
            <!-- 节点动作管理 -->
            <el-form ref="form" :model="form" label-width="10em" v-if="pageType==3">
                <el-form-item label="节点名称:">
                    <el-input v-model="form.linkName" placeholder="请输入节点名称" disabled></el-input>
                </el-form-item>
                <el-form-item label="节点层级:">
                    <el-select v-model="form.linkType" placeholder="请选择节点层级" disabled>
                        <el-option :label="value" :value="key" v-for="(value,key,index) in linkLevel" :key="index"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="角色:" v-for="(item,i) in form.roleList" :key="i">
                    <el-input v-model="item.name" style="margin-right:8px" placeholder="请输入角色名称" disabled></el-input>
                    <el-input v-model="item.type" style="margin-right:8px" type="number" placeholder="请输入角色编码" disabled></el-input>
                    <el-checkbox-group v-model="item.actiontype" v-if="item.actiontype">
                        <el-checkbox :label="key" v-for="(value,key,index) in actionType" :key="index">{{value}}</el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
                <el-form-item label="所属工单类型:">
                    <el-select v-model="form.type" placeholder="请选择所属工单类型" disabled>
                        <el-option :label="value" :value="key" v-for="(value,key,index) in workType" :key="index"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit" v-if="pageType==1">确认提交</el-button>
                    <el-button type="primary" @click="onSubmit" v-else-if="pageType==2">确认修改</el-button>
                    <el-button type="primary" @click="onSubmit" v-else-if="pageType==3">确认修改</el-button>
                </el-form-item>
            </el-form>
            <!-- 节点管理 -->
            <el-form ref="form" :model="form" label-width="10em" v-else>
                <el-form-item label="节点名称:">
                    <el-input v-model="form.linkName" placeholder="请输入节点名称"></el-input>
                </el-form-item>
@@ -14,7 +43,7 @@
                <el-form-item label="节点所含角色:">
                    <el-button type="primary" size="mini" @click="addRole">添加角色</el-button>
                </el-form-item>
                <el-form-item label="角色" v-for="(item,i) in form.roleList" :key="i">
                <el-form-item label="角色:" v-for="(item,i) in form.roleList" :key="i">
                    <el-input v-model="item.name" style="margin-right:8px" placeholder="请输入角色名称"></el-input>
                    <el-input v-model="item.type" style="margin-right:8px" type="number" placeholder="请输入角色编码"></el-input>
                    <i class="el-icon-delete delIcon" @click="removeList(i)"></i>
@@ -26,7 +55,8 @@
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit" v-if="pageType==1">确认提交</el-button>
                    <el-button type="primary" @click="onSubmit" v-else>确认修改</el-button>
                    <el-button type="primary" @click="onSubmit" v-else-if="pageType==2">确认修改</el-button>
                    <el-button type="primary" @click="onSubmit" v-else-if="pageType==3">确认修改</el-button>
                </el-form-item>
            </el-form>
        </div>
@@ -36,11 +66,14 @@
<script>
import {
    addWorkflowProperty,
    editWorkflowProperty
    editWorkflowProperty,
    getActionTypeList,
    updateAction,
} from '../js/api';
import {
    workType,
    linkLevel
    linkLevel,
    actionType,
} from '@/assets/js/constants';
export default {
    name: "",
@@ -49,6 +82,7 @@
        return {
            workType,
            linkLevel,
            actionType,
            title: '新建流程节点',
            form: {
                linkName: "",
@@ -56,7 +90,7 @@
                roleList: [],
                type: '',
            },
            pageType: 1
            pageType: 1,
        };
    },
    components: {},
@@ -73,8 +107,10 @@
        onSubmit() {
            if (this.pageType == 1) {
                this.addFrom()
            } else {
            } else if (this.pageType == 2) {
                this.editFrom()
            } else if (this.pageType == 3) {
                this.editAction()
            }
        },
        editFrom() {
@@ -107,11 +143,76 @@
                console.log(err)
            });
        },
        editAction() {
            let postData = []
            this.form.roleList.map(item => {
                let action = JSON.parse(JSON.stringify(item)).actiontype;
                let actionTypeList = action.map(item => {
                    return Number(item)
                })
                let obj = {
                    actionTypeList: actionTypeList,
                    linkType: Number(this.form.linkType),
                    roleType: Number(item.type),
                    type: Number(this.form.type),
                }
                postData.push(obj)
            })
            updateAction(postData).then((res) => {
                if (res.data.code == 1) {
                    this.$message({
                        message: '修改成功!',
                        type: 'success'
                    });
                    setTimeout(() => {
                        this.$router.go(-1)
                    }, 1000)
                }
            }).catch((err) => {
                console.log(err)
            });
        },
        loadAction() {
            let postData = {
                linkType: this.form.linkType,
                type: this.form.type,
            }
            getActionTypeList(postData).then((res) => {
                if (res.data.code == 1) {
                    let resData = res.data.data;
                    console.log(this.form.roleList)
                    this.form.roleList.map(item => {
                        resData.map(jtem => {
                            if (item.type == jtem.roleType) {
                                item.actiontype.push(jtem.actionType + '')
                            }
                        })
                    })
                }
            }).catch((err) => {
                console.log(err)
            });
        },
    },

    mounted() {
        let postData = JSON.parse(this.$route.query.data);
        console.log(postData)
        if (postData.action) {
            this.title = '节点动作管理'
            this.pageType = 3;
            this.form.linkName = postData.linkName;
            this.form.linkType = postData.linkType + '';
            this.form.roleList = postData.roleList;
            this.form.type = postData.type + '';
            this.form.roleList.map(item => {
                this.$set(item, 'actiontype', [])
            })
            this.$nextTick(() => {
                this.loadAction()
                this.$forceUpdate()
            })

        } else {
        if (postData.linkName) {
            this.title = '编辑流程节点'
            this.pageType = 2;
@@ -123,6 +224,7 @@
            this.title = '新建流程节点'
            this.pageType = 1
        }
        }
    },
};
</script>

 src/pages/manage/node/nodeManage.vue

@@ -14,6 +14,7 @@
                    <el-table-column fixed="right" label="操作">
                        <template slot-scope="scope">
                            <el-button type="text" style="margin-right:8px;" @click="toAddPage(scope.row)">编辑</el-button>
                            <el-button type="text" style="margin-right:8px;" @click="toAddPage(scope.row,true)">节点动作管理</el-button>
                            <el-popconfirm title="确定删除该节点吗？" @confirm="remove(scope.row)">
                                <el-button slot="reference" type="text">删除</el-button>
                            </el-popconfirm>
@@ -102,7 +103,14 @@
                console.log(err)
            });
        },
        toAddPage(data) {
        toAddPage(data, action) {
            if (action) {
                data.action = true;
                this.$router.push({
                    path: '/manage/addNode',
                    query: { data: JSON.stringify(data) }
                })
            } else {
            if (data) {
                this.$router.push({
                    path: '/manage/addNode',
@@ -114,6 +122,8 @@
                })
            }
        }

        }
    }
}
</script>