You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

542 lines
16 KiB
Plaintext

<template>
<el-row class="container-row">
<div v-for="(btn, idx) of toolBtns" :key="idx">
<div v-if="btn.No === 'Send'">
<div v-if="currNode && currNode.CondModel == 2" class="flex-center">
<el-button
size="medium"
:key="btn.No"
@click="btnOpen(btn)"
:disabled="btnDisabled"
:loading="sendLoading"
>
<i :class="iconMap.get(btn.No)"></i> {{ btn.Name }}
</el-button>
<el-select
v-if="toNodes.length!=0"
v-model="selectNode.No"
id="DDL_ToNode"
placeholder="请选择下一个处理节点"
v-show="toNodes.length !== 0"
style="margin: 3px 5px 0 10px"
@change="changeToNode"
>
<el-option
v-for="item in toNodes"
:key="item.No"
:label="item.Name"
:value="item.No"
>
</el-option>
</el-select>
</div>
<div v-else-if="currNode && currNode.CondModel == 3">
<div v-for="node in toNodes" :key="node.No">
<el-button
size="medium"
@click="btnOpen(btn, node, idx)"
:disabled="btnDisabled"
>
<i :class="iconMap.get(node.No)"></i> {{ node.Name }}
</el-button>
</div>
</div>
<div v-else>
<el-button
size="medium"
:key="btn.No"
@click="btnOpen(btn)"
:disabled="btnDisabled"
:loading="sendLoading"
>
<i :class="iconMap.get(btn.No)"></i> {{ btn.Name }}
</el-button>
</div>
</div>
<div v-else>
<el-button
size="medium"
:key="btn.No"
@click="btnOpen(btn, null)"
:disabled="btnDisabled"
>
<i :class="iconMap.get(btn.No)"></i> {{ btn.Name }}
</el-button>
</div>
</div>
<el-dialog
:title="title"
:visible.sync="dialogFormVisible"
:before-close="handleClose"
destroy-on-close
>
<SelectiveRecipient ref="selectiveRef" v-if="judgeOperation === 'sendAccepter'" :urlParams="params" @accepterSend="accepterSend"></SelectiveRecipient>
<div v-else-if="judgeOperation === 'ShowMsg'" v-html="SendMsg" style="height:400px;overflow-y: auto"></div>
<OpenDialog v-else :judgeOperation="judgeOperation" :params="params"></OpenDialog>
</el-dialog>
</el-row>
</template>
<script>
import OpenDialog from "@/wf/components/OpenDialog.vue";
import {GetPara} from "@/wf/api/Gener.js";
import SelectiveRecipient from "./selectiveRecipient.vue";
export default {
props: {
nodeID: { type: Number, default: 0 },
selectItems: {type:Array , default: () => []},
loadData:{type:Function,default:null}
},
provide: function () {
return {
toolBarInstance: this,
};
},
components: {
OpenDialog,
SelectiveRecipient
},
data() {
const iconMap = new Map([
["Return", "el-icon-circle-close"],
["Shift", "el-icon-sort"],
["Track", "el-icon-connection"],
["Search", "el-icon-search"],
["Send", "el-icon-s-promotion"],
]);
return {
params: {}, //传递的参数
webUser: {}, //用户信息
toolBtns: [], //按钮对象的集合
toNodes: [], //跳转到的节点
currNode: {}, //当前节点的信息
btnDisabled: false, //操作按钮禁用
sendLoading: false, //发送加载操作
selectNode: {}, //按钮旁的下拉框,发送时选择的节点
workcheckMsg:"", //审核意见
/***弹出窗页面的定义**/
title: "", //弹出窗的标题
dialogFormVisible: false, //是否显示弹出窗
judgeOperation: "", //弹出窗的类型
componentList: [],
currentView: "ch",
returnData: {}, //返回select数据
iconMap,
SendMsg:'',
};
},
created() {
this.webUser = this.$store.getters.getWebUser;
this.initToolBar();
this.params.FK_Node = this.nodeID;
if (this.toNodes != undefined && this.toNodes.length != 0)
this.selectNode = JSON.parse(JSON.stringify(this.toNodes[0]));
else this.toNodes = [];
},
methods: {
initToolBar: function () {
let handler = new this.HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_Batch");
handler.AddPara("FK_Node",this.nodeID);
let data = handler.DoMethodReturnString("BatchToolBar_Init");
if (data.indexOf("err@") != -1) {
this.$alert(data.replace("err@", ""), {
dangerouslyUseHTMLString: true,
});
return;
}
data = JSON.parse(data);
this.toolBtns = data['ToolBar'];
this.toNodes = data['ToNodes'];
if (this.toNodes != undefined)
this.toNodes.forEach((toNode) => {
toNode.text = toNode.Name;
});
this.currNode =data['WF_Node'][0];
this.params.FK_Flow = this.currNode.FK_Flow;
},
btnOpen: function (btn, toNode) {
if(this.selectItems.length==0){
this.$message({type:"error",message:'请选择需要批量发送的流程实例'});
return;
}
if(this.selectItems.length>0){
if(this.currNode.FWCSta === 1){
const workids= this.selectItems.map(item=>item.WorkID);
this.params.WorkIDs = workids.join(',');
this.params.WorkID = workids[0];
const batchCheckNoteModel = GetPara(this.currNode.AtPara,"BatchCheckNoteModel") || "0";
if(batchCheckNoteModel === "1"){
this.params.SelectItems =encodeURIComponent(JSON.stringify(this.selectItems));
}
}
}
switch (btn.No) {
case "Send": //发送
this.params.ToNode = this.selectNode.No;
if (this.currNode && this.currNode.CondModel == 3) {
this.selectNode = JSON.parse(JSON.stringify(toNode));
this.params.ToNode = this.selectNode.No;
}
this.SendFlow();
break;
case "DeleteFlow": //删除流程
this.DeleteFlow();
break;
case "EndFlow": //结束流程
this.StopFlow();
break;
case "Return": //结束流程
this.DialogOpen(btn);
break;
case "WorkCheckMsg"://如何审核意见
this.$prompt('请输入审核意见', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputType:'text',
inputValue: this.workcheckMsg
}).then(({ value }) => {
this.workcheckMsg = value;
this.params.CheckMsg = value;
})
break;
default:
//弹框
this.DialogOpen(btn);
break;
}
},
changeToNode(nextNodeNo) {
let params = this.$store.getters.getData;
const selectedNode = this.toNodes.filter(
(node) => node.No === nextNodeNo
);
if (selectedNode.length > 1 || selectedNode.length === 0) {
this.$message.error("下级节点id错误");
return;
}
this.selectNode = JSON.parse(JSON.stringify(selectedNode[0]));
params.ToNode = this.selectNode.No;
},
SendFlow: function () {
try{
this.Send();
}catch(e){
this.$message.error(e.toString());
}finally{
this.btnDisabled = false;
this.sendLoading = false;
}
},
//弹出新页面窗体
DialogOpen: function (btn) {
//弹出框
this.title = btn.Name;
this.dialogFormVisible = true;
this.judgeOperation = btn.No;
},
//删除流程
DeleteFlow: function () {
this.$confirm("您确定要删除改流程数据吗, 是否继续?", "", {
confirmButtonText: "确定",
cancelButtonText: "取消",
}).then(() => {
let handler = new this.HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_Batch");
handler.AddPara("WorkIDs", this.workids.join(","));
let str = handler.DoMethodReturnString("Batch_Delete");
if (typeof str ==='string' && str.includes("err@")) {
this.$message({
type: "error",
message: "删除失败,请查看控制台,或者联系管理员",
});
} else {
this.$message({
type: "success",
message: str,
});
if(this.loadData)
this.loadData();
}
});
},
//结束流程
StopFlow: function () {
this.$confirm("您确定要结束该流程吗 ?", "", {
confirmButtonText: "确定",
cancelButtonText: "取消",
}).then(() => {
let handler = new this.HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_Batch");
handler.AddPara("WorkIDs", this.workids.join(","));
let data = handler.DoMethodReturnString("Batch_StopFlow");
if (data.indexOf("err@") != -1) {
this.$message({
type: "error",
message: "流程结束失败,请查看控制台,或者联系管理员",
});
console.log(data);
} else {
this.$message({
type: "success",
message: data,
});
if(this.loadData)
this.loadData();
}
});
},
Send: function () {
this.btnDisabled = true;
this.sendLoading = true;
if(this.currNode.FWCSta === 1){
const batchCheckNoteModel = GetPara(this.currNode.AtPara,"BatchCheckNoteModel") || "0";
if(batchCheckNoteModel == "0"){
this.$prompt('请输入审核意见', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputType:'text',
inputValue: this.workcheckMsg
}).then(({ value }) => {
this.workcheckMsg = value;
if(this.workcheckMsg!=""){
this.params.CheckMsg = value;
this.beforeSend();
return;
}
})
return ;
}
if(batchCheckNoteModel == "1"){
let msg="";
this.selectItems.forEach(item=>{
if(!item.CheckMsg)
msg+=item.WorkID+",";
})
if(msg != ""){
this.$message({
type: "error",
message: "请检查选择的流程实例是否都填写了审核意见",
});
return ;
}
this.beforeSend();
}
}
},
beforeSend(){
//选择节点
if (this.toNodes.length > 0) {
if (this.selectNode.IsSelectEmps == "1") {
//跳到选择接收人窗口
this.params.IsSend = false;
this.dialogFormVisible = true;
this.judgeOperation = "sendAccepter";
this.title = "选择接收人";
this.btnDisabled = false;
this.sendLoading = false;
return false;
}
if (this.selectNode.IsSelectEmps == "2") {
this.dialogFormVisible = true;
this.judgeOperation = "BySelfUrl";
this.title = "选择接收人";
this.btnDisabled = false;
this.sendLoading = false;
return false;
}
if (this.selectNode.IsSelectEmps == "3") {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "sendAccepterOfOrg";
this.title = "选择接收人";
this.btnDisabled = false;
this.sendLoading = false;
return false;
}
if (this.selectNode.IsSelectEmps == "4") {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "AccepterOfDept";
this.title = "选择接收人";
this.btnDisabled = false;
this.sendLoading = false;
return false;
}
}
this.execSend();
},
execSend() {
let handler = new this.HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_Batch");
handler.AddJson(this.params);
let data = handler.DoMethodReturnString("WorkCheckModelVue_Send"); //执行保存方法.
this.sendLoading = false;
if (data.indexOf("err@") == 0) {
//发送时发生错误
let reg = new RegExp("err@", "g");
data = data.replace(reg, "");
this.$alert(data);
this.btnDisabled = false;
return false;
}
if (data.indexOf("TurnUrl@") == 0) {
//发送成功时转到指定的URL
let url = data;
url = url.replace("TurnUrl@", "");
this.$router.push({ name: url });
return false;
}
if (data.indexOf("SelectNodeUrl@") == 0) {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "SelectNodeUrl";
this.title = "选择接收人";
this.btnDisabled = false;
this.sendLoading = false;
return false;
}
if (data.indexOf("BySelfUrl@") == 0) {
//发送成功时转到自定义的URL
let url = data;
url = url.replace("BySelfUrl@", "");
this.$router.push({ name: url });
return false;
}
if (data.indexOf("url@") == 0) {
//发送成功时转到指定的URL
let params = data.split("&");
params.forEach((param) => {
if (param.indexOf("ToNode") != -1) {
let toNodeID = param.split("=")[1];
let params = this.$store.getters.getData;
params.ToNode = toNodeID;
this.$store.commit("setData", params);
}
});
if (data.indexOf("AccepterOfOrg") != -1) {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "sendAccepterOfOrg";
this.title = "选择接收人";
this.btnDisabled = false;
return false;
}
if (data.indexOf("AccepterOfDept") != -1) {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "AccepterOfDept";
this.title = "选择接收人";
this.btnDisabled = false;
return false;
}
if (
data.indexOf("Accepter") != 0 &&
data.indexOf("AccepterGener") == -1
) {
this.dialogFormVisible = true;
this.params.IsSend = false;
this.judgeOperation = "sendAccepter";
this.title = "选择接收人";
this.btnDisabled = false;
return false;
}
return false;
}
this.OptSuc(data);
},
//发送 退回 移交等执行成功后转到 指定页面
OptSuc(msg) {
this.dialogFormVisible = false;
msg = msg.replace("@查看<img src='/WF/Img/Btn/PrintWorkRpt.gif' >", "");
msg = msg.replace(/@/g, "<br/>").replace(/null/g, "");
this.SendMsg = msg;
this.judgeOperation='ShowMsg';
this.dialogFormVisible = true;
/*this.$alert(msg, "发送成功", {
dangerouslyUseHTMLString: true,
});*/
/*this.$router.push({
name: "todolist",
});*/
this.loadData();
return;
},
accepterSend(){
this.dialogFormVisible = false;
if(['SelectNodeUrl','sendAccepterOfOrg','AccepterOfDept','sendAccepter'].includes(this.judgeOperation) ){
const todoEmps=this.$refs.selectiveRef.GetEmps();
if(todoEmps.length==0){
this.$message({
type: "error",
message: "请选择下一个节点接收的人员",
});
return;
}
this.params.ToEmps = todoEmps.join(",");
this.judgeOperation = "";
try{
this.execSend()
}catch(e){
this.$message({
type: "error",
message: e,
});
}
}
},
//关闭
handleClose() {
this.dialogFormVisible = false;
this.judgeOperation = "";
},
},
mounted() {
this.$Bus.$off("closeMsg");
this.$Bus.$on("closeMsg", (item) => {
this.dialogFormVisible = false;
if (item == "退回" || item == "回滚") {
this.loadData();
}
});
},
};
</script>
<style lang="less" scoped>
/deep/ .el-tabs__header{
margin: 0;
}
/deep/ .el-input__inner {
height: 36.5px;
line-height: 36.5px;
}
.container-row {
display: flex;
align-items: center;
}
/deep/ .el-button {
margin-left: 10px;
}
.flex-center {
display: flex;
align-items: center;
box-sizing: border-box;
}
</style>