sasp-flow-render 1.1.3 → 1.1.5

package/index.js

@@ -45,6 +45,12 @@ let components = [
 ];
 
 let createAxiosIfNotExists = (Vue,props) => {
+    if((props || {}).axios){
+        Vue.prototype.saspFlowAxios = props.axios;
+        (props || {}).saspFlowAxios = props.axios;
+        return;
+    }
+
     let newAxios = axios.create({
         baseURL:window.FLOW_RENDER_URL,
         headers: {
@@ -70,13 +76,14 @@ let createAxiosIfNotExists = (Vue,props) => {
  */
 let initAxios = (Vue, props) => {
     let axios = (props || {}).saspFlowAxios;
+
     // 添加请求拦截器
     axios.interceptors.request.use(function (config) {
         // if ((config.headers["Content-Type"] != 'multipart/form-data') && isAxiosFormData((config.url))) {
         if (config.headers["Content-Type"] != 'multipart/form-data') {
             config = Object.assign({}, config);
             config.headers = Object.assign({}, config.headers || {}, {
-                // "Is-Sasp-Qs": true,
+                "Is-Sasp-Qs": true,
                 "Content-Type": "application/x-www-form-urlencoded"
             });
         }
@@ -94,15 +101,20 @@ let initAxios = (Vue, props) => {
     });
     axios.defaults.transformRequest = axios.defaults.transformRequest || [];
     axios.defaults.transformRequest.push(
-        function (data) {
-            if (data && typeof data === "string") { // 本项目的所有请求都通过qs转换实现
-                try {
-                    data = JSON.parse(data);
-                } catch (e) {
-                    console.error(e);
+        function (data,config) {
+            if (config["Is-Sasp-Qs"]) {
+                delete config["Is-Sasp-Qs"];
+                if (data && typeof data === "string") { // 本项目的所有请求都通过qs转换实现
+                    try {
+                        data = JSON.parse(data);
+                    } catch (e) {
+                        console.error(e);
+                    }
                 }
+                return qs.stringify(data);
+            }else{
+                return data;
             }
-            return qs.stringify(data);
         }
     );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sasp-flow-render",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "业务应用支撑平台-智慧流程渲染组件",
   "scripts": {
     "build": "vue-cli-service build"

package/src/assets/js/api/apiFlow.js

@@ -93,6 +93,12 @@ let objResult = {
         listNoPageByResult:"/flowInstNodeResultController/listNoPageByResult",
     },
 
+    //流程节点批量处理配置
+    plFlowNodeExtend: {
+        find: "/plFlowNodeExtendController/find",
+        getById: "/plFlowNodeExtendController/getById",
+    },
+
     plFlowInst:{
         url:"/plFlowInstController",
         queryFormData:"/plFlowInstController/queryFormData",
@@ -146,7 +152,9 @@ let objResult = {
         changeDealer:"/plFlowInstController/changeDealer", // 切换当前任务处理人
         forceEnd:"/plFlowInstController/forceEnd", // 强制办结
         recoverExceptionFlow:"/plFlowInstController/recoverExceptionFlow", // 恢复异常流程
-        reStartFlow:"/plFlowInstController/reStartFlow" //重启办结状态下的流程
+        reStartFlow:"/plFlowInstController/reStartFlow", //重启办结状态下的流程
+        batchUpdateFlowStatus:"/plFlowInstController/batchUpdateFlowStatus", //新版流程批量处理的批量修改流程状态
+        batchExecuteNextStep:"/plFlowInstController/batchExecuteNextStep", //新版流程批量处理的批量执行下一步
     },
 
     plFlowSetting:{
@@ -183,6 +191,10 @@ let objResult = {
         login: "/flowLoginController/login",
         logout: "/flowLoginController/logout",
     },
+    loginInnovateMethod:{
+        login: "/loginController/login",
+        logout: "/loginController/logout",
+    },
     plFlowDomain:{
         url:"/plFlowDomainController",
         find:"/plFlowDomainController/find",

package/src/components/flowInst/flowInstList.vue

@@ -82,6 +82,9 @@
                     <el-button type="primary" icon="el-icon-document-copy" size="small" round v-if="isShow('pending')"
                                @click="openFlowBatchPendingDialog">批量处理
                     </el-button>
+                    <el-button type="warning" icon="el-icon-document-copy" size="small" round v-if="isShow('pending')"
+                               @click="openFlowBatchPendingDialogNew">快捷处理
+                    </el-button>
                 </el-header>
                 <el-main style="height: 100%;padding: 0;" class="main-box">
                     <el-table :data="crud.dataStore.records" :ref="crud.tableRef" @sort-change="flowSortChange"
@@ -140,26 +143,22 @@
                                             :key="buttonObj.type" size="small" type="primary"
                                             v-if="judgeListButton(tabType,buttonObj.type)"
                                             @click="listButtonOpt(buttonObj.type,scope.row)"
-                                            :icon="buttonIcon[buttonObj.type]" :type="buttonType[buttonObj.type]">
-                                        {{buttonObj.showName}}
+                                            :icon="buttonIcon[buttonObj.type]" :type="buttonType[buttonObj.type]">{{buttonObj.showName}}
                                     </el-button>
                                 </template>
                                 <template v-else>
                                     <el-button size="small"
                                                @click="listButtonOpt('view',scope.row)"
-                                               icon="el-icon-view" type="primary">
-                                        查看
+                                               icon="el-icon-view" type="primary">查看
                                     </el-button>
                                     <el-button size="small"
                                                @click="listButtonOpt('flowRecord',scope.row)"
-                                               icon="saspiconfont pl-icon-liuchengtu" type="primary">
-                                        流转记录
+                                               icon="saspiconfont pl-icon-liuchengtu" type="primary">流转记录
                                     </el-button>
                                 </template>
                                 <el-button size="small" v-if="scope.row.linkProcId && scope.row.nodeKey == startNodeKeyObj[scope.row.version]"
                                            @click="deleteRowFlow(scope.row)"
-                                           icon="el-icon-delete" type="danger">
-                                    删除
+                                           icon="el-icon-delete" type="danger">删除
                                 </el-button>
                             </template>
                         </el-table-column>
@@ -358,6 +357,13 @@
                 }
             },
 
+            // 打开新的批量修改窗口回调函数
+            openNewBatchUpdateFlowForm: {
+                type: Function, default() {
+
+                }
+            },
+
             // 打开查看窗口回调函数
             openViewFlowForm: {
                 type: Function, default() {
@@ -389,6 +395,7 @@
             formImpMethod: {type: Function, default(){}},
             flowImpParamObj: {type: Object, default: () => ({})},
             downloadTemplate: {type: Function, default: null},
+            getFormDataByDataIds: {type: Function, default: null},
         },
         data() {
 
@@ -500,13 +507,14 @@
                 formSettingVisible: false,
                 flowSortOrder: "",
                 flowAboutFileList: [],
+                flowNewBatchDealDataIds: "",
             }
         },
         created() {
             this.init();
             this.getListButton();
             this.initWorkStageTurnOn();
-            if (this.showModel == "card") {
+            if (this.showModel === "card") {
                 this.checkScreenWidth();
                 window.addEventListener('resize', () => { //监听浏览器窗口大小改变
                     //浏览器变化执行动作
@@ -514,8 +522,7 @@
                 });
             }
         },
-        mounted() {
-        },
+        mounted() {},
         methods: {
             initWorkStageTurnOn(){
                 this.workTurnOn = WORK_GLOBAL.getTurnOn(this.switchOnline,this.listViewId);
@@ -579,9 +586,20 @@
                 }
                 this.$set(this.crud.searchForm, 'flowStatus', flowStatus);
                 this.crud.search();
-
             },
 
+            // initNewBatchDealFunc() {
+            //     this.initNewBatchDeal().then(() => {
+            //         this.initFormDataByDataIds();
+            //     });
+            // },
+
+            // initFormDataByDataIds() {
+            //     this.getFormDataByDataIds(this.formId, this.flowNewBatchDealDataIds).then(res => {
+            //         this.$emit('setDataValue', "formDataObj", res);
+            //     });
+            // },
+
             /**
              * 列表操作按钮显示
              */
@@ -755,7 +773,7 @@
                     this.crud.searchForm.flowSortOrder = "";
                 }
                 this.$emit("initTabNum");
-                if (type == "noMessage") {
+                if (type === "noMessage") {
                     this.crud.search();
                 } else {
                     this.crud.doSearch();
@@ -848,7 +866,7 @@
              * 打开批量处理页面方法
              */
             async openFlowBatchPendingDialog() {
-                if (this.crud.dataStore.records.length == 0) {
+                if (this.crud.dataStore.records.length === 0) {
                     this.$message({
                         showClose: true,
                         message: '当前没有可处理的流程'
@@ -856,7 +874,12 @@
                 } else {
                     this.openBatchUpdateFlowForm(this.crud.dataStore.records);
                 }
-
+            },
+            /**
+             * 快捷处理
+             */
+            openFlowBatchPendingDialogNew(){
+                this.openNewBatchUpdateFlowForm();
             },
 
             /**

package/src/components/flowInst/flowInstTab.vue

@@ -39,10 +39,10 @@
                 </flow-inst-list>
             </el-tab-pane>
             <el-tab-pane name="pending" v-if="tabShow('pending')" style="height: 100%;">
-               <span slot="label">
-                   <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['pending'].iconShow"></i>
-                    {{tabTypeObj['showtTabText']? tabTypeObj['pending'].tabName : ''}}
-                   <span style="color: red">({{numberObj['pending']}})</span>
+                <span slot="label">
+                    <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['pending'].iconShow"></i>
+                    {{ tabTypeObj['showtTabText'] ? tabTypeObj['pending'].tabName : '' }}
+                    <span style="color: red">({{ numberObj['pending'] }})</span>
                 </span>
                 <flow-inst-list ref="pendingRef"
                                 tab-type="pending"
@@ -58,11 +58,13 @@
                                 :start-node-key-obj="startNodeKeyObj"
                                 :flow-version-node-obj="flowVersionNodeObj"
                                 @initTabNum="initTabNum"
-
+                                :getFormDataByDataIds="getFormDataByDataIds"
                                 :open-flow-chart="openFlowChart"
                                 :open-flow-record="openFlowRecord"
                                 :open-update-flow-form="openUpdateFlowForm"
                                 :open-batch-update-flow-form="openBatchUpdateFlowForm"
+                                :openNewBatchUpdateFlowForm="openNewBatchUpdateFlowForm"
+                                @setDataValue="setDataValue"
                 >
                 </flow-inst-list>
             </el-tab-pane>
@@ -220,7 +222,7 @@
             <!--            </table-form-render>-->
 
             <div slot="footer" style="height:31px;" class="dialog-footer">
-                <div>
+                <div v-if="!formSearchObj.isNewSelectBatchDeal">
                     <el-button v-for="btn in formBtnArr" @click="btn.method" :disabled="isDisabled[btn.btnType]?false:true"
                                v-show="btn.show && ((formInfo.opt != 'view') || (formInfo.opt=='view' && btn.isView))"
                                :key="btn.btnType"
@@ -230,6 +232,14 @@
                         {{btn.text}}
                     </el-button>
                 </div>
+                <div v-else>
+                    <el-button v-for="btn in formNewBtnArr" @click="btn.method"
+                               :key="btn.btnType"
+                               :type="btn.type"
+                               :icon="btn.icon"
+                               size="small">{{btn.text}}
+                    </el-button>
+                </div>
             </div>
         </el-dialog>
 
@@ -269,7 +279,22 @@
             </div>
         </el-dialog>
 
+        <!--新版批量处理信息弹窗-->
+        <el-dialog title="批量处理" :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowBatchSelectPendingDialog"
+                   @close="newBatchDealClose" class="batchSelectDialog" append-to-body>
+            <flow-new-batch-deal v-if="flowBatchSelectPendingDialog" :formSearchObj="formSearchObj" ref="flowNewBatchDealRef"
+                                 :formDataObj="formDataObj" :allNodeInfo="allNodeInfo" :newBatchDealSubmit="newBatchDealSubmit"
+                                 @openCurrUpdateFlowForm="openCurrUpdateFlowForm" :isRefreshGetNextUsers="isRefreshGetNextUsers"
+                                 :userMap="userMap" :fieldSysDataObj="fieldSysDataObj" :sysDataObj="sysDataObj" :formFieldObj="formFieldObj"
+            >
+            </flow-new-batch-deal>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" size="small" @click="newBatchDealAllSubmit">全部提交</el-button>
+                <el-button size="small" @click="flowBatchSelectPendingDialog = false">取消</el-button>
+            </div>
+        </el-dialog>
 
+        <!--流程下一步处理人选择弹窗-->
         <el-dialog :close-on-click-modal=false :title="'下一步' + (nextNodeName ? (isProceedNext?' -> ' + nextNodeName:'->等待他人处理') : '')"
                    :top="nextNode.nextType != 'inclusiveGateway' ? '20vh': '10vh'" append-to-body
                    width="500px" :visible.sync="nextSteptUserDialog" @closed="closeNextSteptUserDialog">
@@ -446,18 +471,17 @@
     import FlowInstList from "./flowInstList";
     import FlowChart from "../flowChart";
     import FlowRoamRecord from "../flowRoamRecords";
-    import {AjaxUtil} from 'sasp-base';
-
-    // import {Replace} from "sasp-base";
+    import {AjaxUtil, Replace} from 'sasp-base';
     import RoamRecord from "../roamRecord";
     import UserSelect from "../userSelect";
+    import flowNewBatchDeal from "../../components/flowNewBatchDeal.vue";
     export default {
         name: "flow-inst-tab",
         components: {
             UserSelect,
             RoamRecord,
             FlowRoamRecord,
-            FlowChart, FlowInstList
+            FlowChart, FlowInstList, flowNewBatchDeal
         },
         props: {
             flowId: {type: String, default: ''},
@@ -476,6 +500,10 @@
             formImpMethod:{type: Function,default: null},
             flowImpParamObj: {type: Object,default: () => ({})},
             downloadTemplate: {type: Function, default: null},
+            getFormDataByDataIds: {type: Function, default: null},
+            saveBatchDealFormData: {type: Function, default: null},
+            formAboutInfoObj: {type: Object, default: () => ({})},
+            sysDataObj: {type: Object, default: () => ({})},
         },
         data() {
             let vm = this;
@@ -517,6 +545,8 @@
 
                 // 批量处理
                 flowBatchPendingDialog: false,
+                // 选择性的批量多条一次性处理
+                flowBatchSelectPendingDialog: false,
                 batchUpdateFormInfo: {
                     formShow: false,
                     dataRows: [],
@@ -862,9 +892,44 @@
                 workListViews:{},
                 workTableViews:{},
                 currNodeName: "", //当前节点名称
-                nextUserInfo:{}, // 下一步处理人的信息
-                dataId:"", // 表单数据id
-                disableSign:false, // 禁用加签转签按钮
+                nextUserInfo: {}, // 下一步处理人的信息
+                dataId: "", // 表单数据id
+                disableSign: false, // 禁用加签转签按钮
+                formSearchObj: {
+                    taskNode: "",
+                    flowNewBatchDealArr: [],
+                    isNewSelectBatchDeal: false,
+                    loading: true
+                },
+                formDataObj: {},
+                formNewBtnArr: [],
+                newBatchDealBtnObj: {
+                    close: {
+                        text: "关闭",
+                        type: "",
+                        icon: "el-icon-close",
+                        show: true,
+                        isView: true,
+                        method: () => {
+                            this.flowInstDataDialog = false;
+                            this.flowBatchPendingDialog = false;
+                        }
+                    },
+                    newBatchDealSave: {
+                        text: "保存",
+                        type: "primary",
+                        icon: "el-icon-check",
+                        show: true,
+                        isView: true,
+                        method: () => {
+                            this.saveNewBatchDealFormData();
+                        }
+                    }
+                },
+                newBatchDealCurrDataId: "", // 新批量处理当前点击行dataId
+                isRefreshGetNextUsers: [], // 是否要刷新下一步处理人的字段，网关字段，表单，变量
+                fieldSysDataObj: {},
+                flowNewBatchDealDataIds: "",
             }
         },
         watch:{
@@ -895,13 +960,45 @@
 
             this.getFlowInfo().then(res => {
                 this.initSuccess = true;
-                this.initflowObj();
+                this.initFlowObj();
                 this.getFlowAgent(); //加载流程代理
+                // this.initFieldSysData();
             });
             this.initTabNum();
             // this.initWorkStageTurnOn();
         },
         methods: {
+            // 新批量处理关闭弹框时数据重做的回调
+            newBatchDealClose() {
+                Object.assign(this.formSearchObj, {isNewSelectBatchDeal: false});
+                // let flowInstListVm = this.$refs["pendingRef"];
+                // if (flowInstListVm) {
+                //     flowInstListVm.initFormDataByDataIds();
+                //     // flowInstListVm.initNewBatchDealFunc();
+                // }
+            },
+
+            setDataValue(key, value) {
+                if (key && typeof key === "string") {
+                    this[key] = value;
+                }
+            },
+
+            initFieldSysData() {
+                this.formFieldObj = this.formAboutInfoObj["formFieldObj"] || {};
+                let configInfoArr = this.formAboutInfoObj["formControlConfigArr"] || [];
+                let controlTypeArr = ["radio", "checkbox", "select"];
+                configInfoArr.forEach(item => {
+                    if (controlTypeArr.includes(item.controlType) && typeof item.specialSet === "string") {
+                        let specialSet = JSON.parse(item.specialSet);
+                        // console.log('specialSet', specialSet);
+                        let paramsKey = item.controlType + "Type";
+                        if (specialSet[paramsKey] === "sysData") {
+                            this.fieldSysDataObj[item.fieldId] = true;
+                        }
+                    }
+                });
+            },
 
             /**
              * 打开[添加]窗口
@@ -1076,6 +1173,270 @@
                 });
             },
 
+            // 新批量处理弹框回调事件
+            openNewBatchUpdateFlowForm() {
+                // console.log('this.sysDataObj', this.sysDataObj, this.loginUser);
+                Object.assign(this.formSearchObj, {
+                    flowNewBatchDealArr: [],
+                    isNewSelectBatchDeal: false,
+                    loading:true
+                });
+                this.initFieldSysData();
+                // 处理按钮渲染
+                let btnTypeArr = ["newBatchDealSave", "close"];
+                let btnArr = [];
+                btnTypeArr.forEach(item => {
+                    btnArr.push(this.newBatchDealBtnObj[item]);
+                });
+                this.formNewBtnArr = btnArr;
+                this.initNewBatchDeal().then(arr => {
+                    this.getFormDataByDataIds(this.formInfo.formId, this.flowNewBatchDealDataIds).then(res => {
+                        this.formDataObj = res || {};
+                        arr.forEach(flowInst => {
+                            let formData = this.formDataObj[flowInst.dataId] || {};
+                            // 解析自定义流程概要
+                            this.currentStartUser = this.userMap[flowInst.startUserId] || "";
+                            this.currentStartTime = flowInst.startTime;
+                            flowInst["outlineResult"] = this.getFlowSummary(formData, flowInst.outlineResult);
+                            if ((flowInst.settingInfo || []).length > 0) {
+                                flowInst.settingInfo.forEach(setInfo => {
+                                    let defaultVal;
+                                    let anyVariable = "";
+                                    if (setInfo.fieldType === "checkbox") {
+                                        anyVariable = [];
+                                        if (formData[setInfo.field] && typeof formData[setInfo.field] === "string") {
+                                            formData[setInfo.field] = JSON.parse(formData[setInfo.field]);
+                                        }
+                                    }
+                                    if (setInfo.defaultValue) {
+                                        if (setInfo.defaultValueType === "formInfo") {
+                                            setInfo.defaultValue = formData[setInfo.defaultValue];
+                                        }
+                                        if (setInfo.defaultValueType === "loginInfo") {
+                                            let userInfo = Object.assign({}, this.loginUser, {"userId": this.loginUser.id});
+                                            setInfo.defaultValue = userInfo[setInfo.defaultValue];
+                                        }
+                                    }
+                                    if (setInfo.defaultValueType === "sysDate") {
+                                        anyVariable = this.DATE_UTIL.formaterDateOrTime(new Date(), setInfo.fieldFormat);
+                                    }
+                                    let defaultValue = formData[setInfo.field] || setInfo.defaultValue;
+                                    defaultVal = defaultValue || anyVariable;
+                                    // if (setInfo.defaultValueType === "sysDate") {
+                                    //     defaultVal = this.DATE_UTIL.formaterDateOrTime(new Date(), setInfo.fieldFormat);
+                                    // }
+                                    // 给列表审核信息赋默认值
+                                    setInfo.defaultValue = defaultVal;
+                                    formData[setInfo.field] = defaultVal;
+                                });
+                            }
+                        });
+                        Object.assign(this.formSearchObj, {
+                            flowNewBatchDealArr: arr,
+                            isNewSelectBatchDeal: true,
+                            loading:false
+                        });
+                    });
+                });
+                this.flowBatchSelectPendingDialog = true;
+            },
+
+            // 获取批量流程数据
+            initNewBatchDeal() {
+                return new Promise(resolve => {
+                    this.saspFlowAxios.post(this.api.plFlowInst.findInstPending, {
+                        flowId: this.flowDefine.id,
+                        currentNode: "",
+                        nodeType: "pending",
+                        dealUserId: this.loginUser.id,
+                        flowStatus: "1",
+                        flowVar: "1"
+                    }).then(res => {
+                        let flowNewBatchDeal = [];
+                        this.flowNewBatchDealDataIds = "";
+                        if (res.data && res.data.records.length > 0) {
+                            res.data.records.forEach((item, index) => {
+                                if (item.openBatch === "1") {
+                                    item.settingInfo = JSON.parse(item.settingInfo);
+                                }
+                                item['isEdited'] = false;
+                                // item['isLoading'] = true;
+                                item['nextDealUsers'] = {};
+                                if (!index) {
+                                    this.flowNewBatchDealDataIds += item.dataId;
+                                }else {
+                                    this.flowNewBatchDealDataIds += "," + item.dataId;
+                                }
+                                flowNewBatchDeal.push(item);
+                            });
+                        }
+                        resolve(flowNewBatchDeal);
+                    });
+                });
+            },
+
+            // 新批量处理当前行点击编辑按钮打开弹框回调事件
+            openCurrUpdateFlowForm(row) {
+                this.openUpdateFlowForm(row, "update");
+                // this.openBatchUpdateFlowForm(arr);
+            },
+
+            saveNewBatchDealFormData() {
+                this.saveFormInfo().then(result => {
+                    // console.log('保存方法1', result);
+                    if (result) {
+                        let flowNewBatchDealVm = this.$refs.flowNewBatchDealRef;
+                        // 数据保存成功，更改行数据
+                        let formData = this.formDataObj[result.ID] || {};
+                        let flowObj = this.formSearchObj.flowNewBatchDealArr.filter(item => item.dataId === result.ID)[0];
+                        // 刷新行数据
+                        let keysArr = Object.keys(result);
+                        Object.keys(formData).forEach(key => {
+                            if(keysArr.indexOf(key) > -1){
+                                if(keysArr.indexOf(key + "_SASP_SYS_DATA_ID") > -1){
+                                    formData[key] = result[key + "_SASP_SYS_DATA_ID"];
+                                }else{
+                                    formData[key] = result[key];
+                                }
+                            }
+                        })
+                        // 刷新配置信息
+                        if (flowObj.settingInfo && flowObj.settingInfo.length > 0) {
+                            flowObj.settingInfo.forEach(settingObj => {
+                                let defaultValue = result[settingObj.field] || settingObj.defaultValue;
+                                let defaultVal = defaultValue || (settingObj.options[0] || {}).value;
+                                // 给列表审核信息赋默认值
+                                // this.$set(settingObj, "defaultValue", defaultVal || "");
+                                settingObj.defaultValue = defaultVal || "";
+                                formData[settingObj.field] = defaultVal || "";
+                            });
+                        }
+                        this.$set(flowObj, "isEdited", true);
+                        // console.log('flowObj', flowObj, flowNewBatchDealVm);
+                        this.flowInstDataDialog = false;
+                        // 刷新下一步处理人
+                        if (flowNewBatchDealVm) {
+                            flowNewBatchDealVm.initFlowBatchDeal([flowObj]);
+                        }
+                    }
+                });
+            },
+
+            newBatchDealSubmit(selectionArr, submitType) {
+                // console.log('提交',selectionArr);
+                if (selectionArr.length === 0) {
+                    return this.$message.warning('请先勾选要提交的数据！');
+                }
+                let str = "即将提交" + selectionArr.length + "条数据";
+                if(submitType === "all"){
+                    str = "即将全部提交（不包括正在loading加载的数据）";
+                }
+                this.$confirm(`${str}, 确认是否继续?`, '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    let params = [];
+                    let instIds = "";
+                    selectionArr.forEach(selectionObj => {
+                        let paramsObj = {dataId: selectionObj.dataId};
+                        let updateParams = {};
+                        (selectionObj.settingInfo || []).forEach(item => {
+                            updateParams[item.field] = item.defaultValue;
+                        });
+                        paramsObj["updateParams"] = updateParams;
+                        params.push(paramsObj);
+                        if (selectionObj.flowInstId) {
+                            instIds += `,${selectionObj.flowInstId}`;
+                        }
+                    });
+                    // console.log(this.flowDefine, this.allNodeInfo, '提交', selectionArr);
+                    this.saveBatchDealFormData(this.formInfo.formId, JSON.stringify(params)).then(resData => {
+                        if (resData.operateSuccess) {
+                            // 更新工作流状态
+                            this.saspFlowAxios.post(this.api.plFlowInst.batchUpdateFlowStatus, {
+                                instIds: instIds.slice(1)
+                            }).then(updateFlowStatusRes => {
+                                let type = "error";
+                                let message = updateFlowStatusRes.data.operateMessage;
+                                if (updateFlowStatusRes && updateFlowStatusRes.data.operateSuccess) {
+                                    type = "success";
+                                    // 执行工作流下一步
+                                    this.newBatchExecuteNextStep(selectionArr);
+                                    let pendingRefVm = this.$refs["pendingRef"];
+                                    pendingRefVm && pendingRefVm.init();
+                                    this.flowBatchSelectPendingDialog = false;
+                                }
+                                this.$message({
+                                    type,
+                                    message
+                                });
+                            });
+                        }
+                    });
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已取消提交'
+                    });
+                });
+            },
+
+            // 流程批量审批，全部提交
+            newBatchDealAllSubmit() {
+                let flowNewBatchDealVm = this.$refs.flowNewBatchDealRef;
+                let selectArr = [];
+                this.formSearchObj.flowNewBatchDealArr.forEach(item => {
+                    if (flowNewBatchDealVm.newBatchDealSelectable(item)) {
+                        selectArr.push(item);
+                    }
+                });
+                // console.log('全部提交', selectArr);
+                this.newBatchDealSubmit(selectArr, "all");
+            },
+
+            newBatchExecuteNextStep(arr) {
+                let params = [];
+                arr.forEach(items => {
+                    let nextNodeObj = this.allNodeInfo[items.nextDealUsers.nextNodeId];
+                    let dealers = items.chooseNextUserId;
+                    let dealersObj = {};
+                    dealersObj[nextNodeObj["nodeLinkId"]] = dealers;
+
+                    let nextStepBaseObj = {
+                        instId: items.flowInstId,
+                        dealers: dealers,
+                        // dealerNames: dealerNames,
+                        dealersObj: JSON.stringify(dealersObj),
+                        nextNodeType: nextNodeObj.nodeType,
+                        nextNodeId: nextNodeObj.id,
+                        nextNodeKey: nextNodeObj.nodeLinkId,
+                        taskId: items.taskId,
+                    }
+                    // if(this.flowNextOperation) {
+                    //     this.flowNextOperation(obj.instId, obj.dealers, obj.dealerNames, obj.taskId);
+                    // }
+                    let paramsSourceObj = {"SASP_FLOW_USE_VARIABLES": "yes"};
+                    Object.assign(paramsSourceObj, {}, nextStepBaseObj);
+                    params.push(paramsSourceObj);
+                });
+                // console.log('params',params);
+                this.saspFlowAxios.post(this.api.plFlowInst.batchExecuteNextStep, {
+                    params: JSON.stringify(params)
+                }).then(res => {
+                    if (res.data.operateSuccess) {
+                        let message = res.data.operateMessage;
+                        this.$notify({
+                            title: '提示',
+                            message: `${message}`,
+                            type: 'info',
+                            position: 'bottom-right',
+                            duration: 10000,
+                        });
+                    }
+                });
+            },
+
             /**
              * 获取[添加、修改和处理]的操作按钮
              */
@@ -1970,10 +2331,10 @@
             /**
              * 获取流程概要
              */
-            getFlowSummary(dataObj) {
+            getFlowSummary(dataObj, summaryTemplate) {
                 let flowSummary = "";
-                let summarySet = this.flowDefine.flowSummary;
-                if (this.tabActive == "draft") {
+                let summarySet = summaryTemplate || this.flowDefine.flowSummary;
+                if (this.tabActive === "draft") {
                     flowSummary = this.platStringUtil.replaceAll(summarySet, "${startUserName*}", this.loginUser.userName);
                     flowSummary = this.platStringUtil.replaceAll(flowSummary, "${createTime*}", this.DATE_UTIL.getCurrentDateTime());
                 } else {
@@ -2804,7 +3165,20 @@
                 }
             },
 
-            initflowObj() {//处理流程定义对象
+            initFlowObj() {//处理流程定义对象
+                let gatewayFields = this.flowDefine.gatewayFields || "";
+                this.isRefreshGetNextUsers = gatewayFields.split(",");
+                Object.keys(this.allNodeInfo).forEach(key => {
+                    let obj = this.allNodeInfo[key];
+                    if (obj.nodeType === "UserTask" && (!obj.nodeLinkId || obj.nodeLinkId.indexOf('Activity_draft') === -1)) {
+                        if (obj.dealerType === "form" && obj.formField) {
+                            this.isRefreshGetNextUsers.push(obj.formField);
+                        }
+                        if (obj.dealerType === "variable" && obj.variable) {
+                            this.isRefreshGetNextUsers.push(obj.variable);
+                        }
+                    }
+                });
                 let tabSetting = JSON.parse(this.flowDefine.tabSetting);
                 tabSetting.forEach(data => {
                     this.$set(this.tabTypeObj, data.type, data);

package/src/components/flowNewBatchDeal.vue

@@ -0,0 +1,485 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto">
+            <el-form inline size="small" class="search-form-parent el-card" style="flex-shrink: 0">
+                <el-form-item label="任务节点筛选">
+                    <el-select v-model="formSearchObj.taskNode" style="width: 97%;"
+                               clearable filterable @change="taskNodeChange">
+                        <el-option v-for="item in taskNodeArr" :key="item.currentNode"
+                                   :label="item.currentNodeName"
+                                   :value="item.currentNode">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+        </el-header>
+        <el-main style="padding-top: 10px;padding-bottom: 0">
+            <div style="margin-bottom: 10px;">
+                <el-button type="primary" size="small" @click="partSubmit">提交</el-button>
+            </div>
+            <el-form size="small" style="height: calc(100% - 42px)">
+                <el-table
+                    v-loading="formSearchObj.loading"
+                    element-loading-text="正在加载，请稍等..."
+                    element-loading-spinner="el-icon-loading"
+                    element-loading-background="rgba(0, 0, 0, 0.6)"
+                    ref="multipleTable"
+                    :data="formSearchObj.flowNewBatchDealArr"
+                    tooltip-effect="dark" stripe
+                    height="100%" style="width: 100%"
+                    :cell-class-name="cellClassNameFunc"
+                    @row-click="handleRowClick"
+                    @selection-change="handleSelectionChange">
+                    <el-table-column
+                        prop="selection"
+                        header-align="center"
+                        align="center"
+                        type="selection"
+                        :selectable="newBatchDealSelectable"
+                        width="60">
+                    </el-table-column>
+                    <el-table-column
+                        prop="index"
+                        header-align="center"
+                        align="center"
+                        label="序号"
+                        type="index"
+                        width="60">
+                    </el-table-column>
+                    <el-table-column
+                        header-align="center"
+                        label="概要"
+                        prop="flowSummary"
+                        show-overflow-tooltip>
+                        <template slot-scope="scope">{{ scope.row.outlineType === "diy" ? scope.row.outlineResult : scope.row.flowSummary }}</template>
+                    </el-table-column>
+                    <el-table-column
+                        header-align="center"
+                        align="center"
+                        prop="currentNodeName"
+                        label="当前任务"
+                        width="150"
+                        show-overflow-tooltip>
+                    </el-table-column>
+                    <el-table-column
+                        header-align="center"
+                        align="center"
+                        prop="checkInfo"
+                        width="500"
+                        label="审核信息">
+                        <template slot-scope="scope">
+                            <!--:rules="plValidate('required')"-->
+                            <div class="sh-left-box">
+                                <div v-if="(scope.row.settingInfo || []).length > 0">
+                                    <div v-for="(items, Index) in scope.row.settingInfo" :key="items.id" v-show="items.processStatus === '1'">
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      :label-width="shLabelWidth" v-if="items.fieldType === 'radio'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-radio-group v-model="items.defaultValue" :disabled="scope.row.isLoading && isRefreshGetNextUsers.includes(items.field)"
+                                                            @input="val => checkInfoChange(scope.row, items, val)">
+                                                <el-radio :label="item.value" v-for="(item, index) in items.options" :key="index">{{ item.label }}</el-radio>
+                                            </el-radio-group>
+                                        </el-form-item>
+
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      :label-width="shLabelWidth" v-if="items.fieldType === 'checkbox'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-checkbox-group v-model="items.defaultValue" :disabled="scope.row.isLoading && isRefreshGetNextUsers.includes(items.field)"
+                                                               @change="val => checkInfoChange(scope.row, items, val)">
+                                                <el-checkbox :label="item.value" v-for="(item, index) in items.options" :key="index">{{ item.label }}</el-checkbox>
+                                            </el-checkbox-group>
+                                        </el-form-item>
+
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      label="" :label-width="shLabelWidth" v-if="items.fieldType === 'text'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-input v-model="items.defaultValue" @change="val => checkInfoChange(scope.row, items, val)"></el-input>
+                                        </el-form-item>
+
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      label="" :label-width="shLabelWidth" v-if="items.fieldType === 'select'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-select v-model="items.defaultValue" :multiple="items.multi === '1'" style="width: 100%"
+                                                       @change="val => checkInfoChange(scope.row, items, val)">
+                                                <el-option v-for="(item, index) in items.options"
+                                                           :key="item.value"
+                                                           :label="item.label"
+                                                           :value="item.value">
+                                                </el-option>
+                                            </el-select>
+                                        </el-form-item>
+
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      label="" :label-width="shLabelWidth" v-if="items.fieldType === 'userSelect'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-select v-model="items.defaultValue" :multiple="items.multi === '1'" filterable clearable style="width: 100%"
+                                                       @change="val => checkInfoChange(scope.row, items, val)">
+                                                <el-option v-for="key in Object.keys(userMap)"
+                                                           :key="key"
+                                                           :label="userMap[key]"
+                                                           :value="key">
+                                                </el-option>
+                                            </el-select>
+                                        </el-form-item>
+
+                                        <el-form-item :prop="'flowNewBatchDealArr.' + scope.$index + '.settingInfo.' + Index + '.defaultValue'"
+                                                      label="" :label-width="shLabelWidth" v-if="items.fieldType === 'date'">
+                                            <div slot="label" class="text-overflow" :title="items.showText">{{ items.showText || "" }}</div>
+                                            <el-date-picker v-if="items.fieldFormat.includes('yyyy')" style="width: 100%"
+                                                            v-model="items.defaultValue"
+                                                            :type="items.fieldFormatType"
+                                                            :format="items.fieldFormat"
+                                                            :value-format="items.fieldFormat"
+                                                            placeholder="选择日期"
+                                                            @change="val => checkInfoChange(scope.row, items, val)">
+                                            </el-date-picker>
+                                            <el-time-picker v-else style="width: 100%"
+                                                            v-model="items.defaultValue"
+                                                            :format="items.fieldFormat"
+                                                            :value-format="items.fieldFormat"
+                                                            placeholder="选择时间"
+                                                            @change="val => checkInfoChange(scope.row, items, val)">
+                                            </el-time-picker>
+                                        </el-form-item>
+                                    </div>
+                                </div>
+                                <div style="color: red;" v-else>无快捷审批配置</div>
+                            </div>
+                            <div class="sh-right-box">
+                                <i class="el-icon-edit-outline icon-edit" :class="[{'edit-disable': scope.row.isLoading},{'icon-edited': scope.row.isEdited}]" @click="openEditForm(scope.row)"></i>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        header-align="center"
+                        align="center"
+                        prop="nextTask"
+                        width="300"
+                        label="下一步任务">
+                        <template slot-scope="scope">
+                            <el-form-item>
+                                <div class="nextDealUsers" v-loading="scope.row.isLoading"
+                                     element-loading-text="拼命加载中"
+                                     element-loading-spinner="el-icon-loading"
+                                     element-loading-background="rgba(0, 0, 0, 0.7)">
+<!--                                    <el-input v-model="scope.row.nextDealUsers.nextNodeName" disabled style="width: 90%"></el-input>-->
+                                    <div class="nextTaskBox"
+                                         :class="[{'isEndNode': scope.row.isEndNode || scope.row.nextDealUsers.isPassCondition === 0}]">{{ scope.row.nextDealUsers.nextNodeName }}
+                                    </div>
+                                </div>
+                            </el-form-item>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        header-align="center"
+                        align="center"
+                        prop="nextUser"
+                        width="300"
+                        label="下一步处理人">
+                        <template slot-scope="scope">
+                            <el-form-item>
+                                <div class="nextDealUsers" v-loading="scope.row.isLoading"
+                                     element-loading-text="拼命加载中"
+                                     element-loading-spinner="el-icon-loading"
+                                     element-loading-background="rgba(0, 0, 0, 0.7)">
+                                    <el-select v-model="scope.row.chooseNextUserId" v-if="!scope.row.isEndNode" :disabled="scope.row.nextDealUsers.isPassCondition === 0"
+                                               :multiple="scope.row.nextDealUsers.multiChooseUser" filterable style="width: 90%">
+                                        <el-option v-for="item in scope.row.nextDealUsers.userArr" :key="item.id" :value="item.id"
+                                                   :label="item.userName">
+                                        </el-option>
+                                    </el-select>
+                                    <div class="nextTaskBox" style="color: red;width: 80%" v-else>无需处理人</div>
+                                </div>
+                            </el-form-item>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </el-form>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: "flowNewBatchDeal",
+    props: {
+        formSearchObj: {type: Object, default: () => ({})},
+        formDataObj: {type: Object, default: () => ({})}, //流程关联的所有表单数据
+        allNodeInfo: {type: Object, default: () => ({})}, //所有节点配置信息
+        newBatchDealSubmit: {type: Function, default: null},
+        isRefreshGetNextUsers: {type: Array, default: () => []},
+        userMap: {type: Object, default: () => ({})},
+        fieldSysDataObj: {type: Object, default: () => ({})},
+        sysDataObj: {type: Object, default: () => ({})},
+        formFieldObj: {type: Object, default: () => ({})},
+    },
+    data() {
+        return {
+            backNewBatchDealArr: [],
+            multipleSelection: [],
+            shLabelWidth: "100px",
+            taskNodeArr: [],
+            taskNodeClickNum: 0,
+            // dateTypeObj: {
+            //     "yyyy-MM-dd HH:mm:ss": {category: "date",type: "datetime", value: "yyyy-MM-dd HH:mm:ss", label: "年-月-日 时:分:秒"},
+            //     "yyyy-MM-dd": {category: "date",type: "date", value: "yyyy-MM-dd", label: "年-月-日"},
+            //     "yyyy-MM": {category: "date",type: "month", value: "yyyy-MM", label: "年-月"},
+            //     "yyyy": {category: "date",type: "year", value: "yyyy", label: "年"},
+            //     "HH:mm:ss":{category: "time",type: "time", value: "HH:mm:ss", label: "时:分:秒"},
+            //     "HH:mm":{category: "time",type: "time", value: "HH:mm", label: "时:分"},
+            //     "HH":{category: "time",type: "time", value: "HH", label: "时"}
+            // },
+        }
+    },
+    created() {
+        // console.log(flowNewBatchDealArr,'formSearchObj',this.formSearchObj,this.allNodeInfo);
+        // console.log('fieldSysDataObj', this.fieldSysDataObj);
+    },
+    watch:{
+        'formSearchObj.loading'(){
+            if(!this.formSearchObj.loading){ // 等到列表数据加载完毕后，即loading消失后初始化数据
+                let flowNewBatchDealArr = JSON.parse(JSON.stringify(this.formSearchObj.flowNewBatchDealArr));
+                flowNewBatchDealArr.forEach(item => {
+                    let obj = {currentNode: item.currentNode, currentNodeName: item.currentNodeName};
+                    !this.taskNodeArr.some(taskNodeObj => taskNodeObj.currentNode === obj.currentNode) && this.taskNodeArr.push(obj);
+                });
+                this.initFlowBatchDeal(this.formSearchObj.flowNewBatchDealArr);
+            }
+        }
+    },
+    methods: {
+        initFlowBatchDeal(newBatchDealArr = []) {
+            newBatchDealArr.forEach((item, index) => {
+                this.$set(item, "isLoading", true);
+                //获取处理人的参数处理
+                let flowParams = this.formDataObj[item.dataId];
+                let flowParamsObj = {};
+                Object.keys(flowParams).forEach(key => {
+                    let paramKey = (this.formFieldObj || {})[key] || key;
+                    if (this.isRefreshGetNextUsers.includes(key)) {
+                        if(this.fieldSysDataObj[key]){ // 替换元数据
+                            let value = flowParams[key];
+                            flowParamsObj[paramKey] = flowParams[key] || "";
+                            if(value){
+                                let valueKeyArr = [value];
+                                if(value.indexOf(",") > -1){
+                                    valueKeyArr = value.split(",");
+                                }
+                                let valueArr = [];
+                                valueKeyArr.forEach(item => {
+                                    // key是fliedId，item是字典值id，出來是字典的dataName
+                                    // valueArr.push(this.sysDataObj[item]["dataName"]);
+                                    if(this.sysDataObj[item]){ // 初始化获取的数据是元数据ID，编辑保存后回调的行数据就有可能被更新为中文了
+                                        valueArr.push(this.sysDataObj[item]["dataName"]);
+                                    }else{
+                                        valueArr.push(item);
+                                    }
+                                });
+                                flowParamsObj[paramKey + "_SASP_SYS_DATA"] = valueArr.join(",");
+                                flowParamsObj[key + "_SASP_SYS_DATA"] = valueArr.join(",");
+                                flowParamsObj[paramKey + "_SASP_SYS_DATA_ID"] = valueKeyArr.join(",");
+                                flowParamsObj[paramKey] = valueArr.join(",");
+                                flowParamsObj[key] = valueArr.join(",");
+                            }
+                        }else{
+                            flowParamsObj[paramKey] = flowParams[key];
+                            flowParamsObj[key] = flowParams[key];
+                        }
+                    }
+                });
+                let obj = {instId: item.flowInstId, taskId: item.taskId,};
+
+                let nowNodeObj = this.allNodeInfo[item.currentNode] || {};
+                if (nowNodeObj && nowNodeObj.dealType && nowNodeObj.dealType === 'multi') {
+                    this.$set(obj, 'passCondition', nowNodeObj.passCondition);
+                }
+                let paramsMap = {"SASP_FLOW_USE_VARIABLES": "yes"};
+                Object.assign(paramsMap, flowParamsObj || {}, obj);
+
+                this.saspFlowAxios.post(this.api.plFlowInst.getNextUsers, paramsMap).then(res => {
+                    // console.log('getNextUsers-request' + index, res);
+                    if (res.data.operateSuccess) {
+                        let operateMap = JSON.parse(JSON.stringify(res.data.operateMap));
+                        if (operateMap && operateMap.isPassCondition === 0) {
+                            Object.assign(operateMap, {nextNodeName: "会签中...等待其他人处理完毕"});
+                        }
+                        let operateObj = res.data.operateObj || {nextNodeName: "", userArr: []};
+                        //获取下一个节点信息
+                        let nextNodeObj = this.allNodeInfo[operateObj.nextNodeId] || {};
+                        operateObj["multiChooseUser"] = nextNodeObj.dealType === "multi";
+                        let autoChooseUser = false; let isEndNode = false;
+                        let chooseNextUserId = "";
+
+                        if (nextNodeObj.nodeType === "UserTask") {
+                            autoChooseUser = nextNodeObj.autoChooseUser === "1";
+                            if (operateObj.multiChooseUser) {
+                                chooseNextUserId = [];
+                            }
+                        } else if (nextNodeObj.nodeType === "EndEvent") {
+                            isEndNode = true;
+                        }
+                        let userArr = operateObj.userArr || [];
+                        if (userArr.length > 0) {
+                            if (autoChooseUser) {
+                                let userId = "";
+                                userArr.forEach(item => {
+                                    userId += "," + item.id;
+                                });
+                                chooseNextUserId = userArr[0].id;
+                                if (operateObj.multiChooseUser) {
+                                    chooseNextUserId = userId.slice(1).split(",");
+                                }
+                            }
+                            if (!operateObj.multiChooseUser) {
+                                chooseNextUserId = userArr[0].id;
+                            }
+                        }
+                        Object.assign(operateObj, operateMap || {});
+                        this.$set(item, 'isLoading', false);
+                        this.$set(item, 'isEndNode', isEndNode);
+                        this.$set(item, 'chooseNextUserId', chooseNextUserId);
+                        this.$set(item, 'nextDealUsers', operateObj);
+                    }
+                });
+            });
+        },
+
+        // 选择提交
+        partSubmit() {
+            this.newBatchDealSubmit(this.multipleSelection);
+        },
+
+        // 打开编辑表单弹框
+        openEditForm(rowData) {
+            if (rowData.isLoading) {
+                return;
+            }
+            this.$emit("openCurrUpdateFlowForm", rowData);
+        },
+
+        checkInfoChange(rowData, rowDataSetInfo, val = "") {
+            // console.log('审核信息修改', val, rowData, this.isRefreshGetNextUsers);
+            let formData = this.formDataObj[rowData.dataId];
+            if (val) {
+                formData[rowDataSetInfo.field] = val;
+            }
+            // TODO 判断是否要刷新下一步处理人
+            if (this.isRefreshGetNextUsers.includes(rowDataSetInfo.field)) {
+                rowData.isLoading = true;
+                this.initFlowBatchDeal([rowData]);
+            }
+        },
+
+        cellClassNameFunc({row, column, rowIndex, columnIndex}) {
+            // console.log('112313',row, column, rowIndex, columnIndex);
+            let className = "";
+            if (column.property === "checkInfo") {
+                className = "checkInfo";
+            }
+            return className;
+        },
+
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+
+        handleRowClick(row, column, event) {
+            // console.log(row, column, event,'handleRowClick',this.multipleSelection);
+            column = column || {};
+            if (['selection', 'index'].includes(column.property) && this.newBatchDealSelectable(row)) {
+                this.$refs.multipleTable.toggleRowSelection(row); // 通过toggleRowSelection方法勾选checkbox
+            }
+        },
+
+        newBatchDealSelectable(row, index) {
+            // console.log('是否禁用勾选', row, index);
+            let flag = true;
+            flag = (row.nextDealUsers.userArr || []).length > 0;
+            return !row.isLoading && flag;
+        },
+
+        taskNodeChange(val) {
+            if (!this.taskNodeClickNum) {
+                this.backNewBatchDealArr = JSON.parse(JSON.stringify(this.formSearchObj.flowNewBatchDealArr));
+                this.taskNodeClickNum++;
+            }
+            let arr = [];
+            if (val) {
+                arr = this.backNewBatchDealArr.filter(item => item.currentNode === val);
+            }else {
+                arr = this.backNewBatchDealArr;
+            }
+            this.$set(this.formSearchObj, "flowNewBatchDealArr", arr);
+        },
+    }
+}
+</script>
+
+<style scoped>
+.el-form .el-form-item {
+    margin-bottom: 0;
+}
+
+.el-table::v-deep {
+    tr > td.checkInfo .cell {
+        display: flex;
+
+        .sh-left-box {
+            //width: 255px;
+            flex-grow: 1;
+        }
+
+        .sh-right-box {
+            flex-shrink: 0;
+            width: 80px;
+            font-size: 26px;
+            text-align: right;
+            margin-left: 20px;
+
+            .icon-edit {
+                color: #cccccc;
+                cursor: pointer;
+            }
+
+            i.icon-edited {
+                color: #50E617;
+            }
+
+            .edit-disable {
+                color: #d4d8df;
+                cursor: not-allowed;
+            }
+        }
+    }
+}
+
+.text-overflow {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.nextDealUsers::v-deep {
+    .el-loading-text {
+        margin-left: 10px;
+        display: inline-block;
+    }
+
+    .nextTaskBox {
+        width: 90%;
+        height: 32px;
+        line-height: 30px;
+        margin: 0 auto;
+        border: 1px solid #e4e7ed;
+        //background-color: #f5f7fa;
+        //border-color: #e4e7ed;
+        color: #c0c4cc;
+        cursor: not-allowed;
+        user-select: none;
+
+        &.isEndNode {
+            color: #FABDBD;
+        }
+    }
+}
+</style>

package/src/views/flowInstView.vue

@@ -3,7 +3,8 @@
                    :operateRootArr="operateArr" :dataPermis="dataPermis"
                    :initFormInfo="initFormInfo" :saveFormInfo="saveFormInfo" :class='flowViewMainClass'
                    :flow-next-operation="flowNextOperation" :getFormInfo="getFormInfo" :formImpMethod="formImpMethod"
-                   :flowImpParamObj="flowImpParamObj" :downloadTemplate="downloadTemplate">
+                   :flowImpParamObj="flowImpParamObj" :downloadTemplate="downloadTemplate" :getFormDataByDataIds="getFormDataByDataIds"
+                   :saveBatchDealFormData="saveBatchDealFormData" :formAboutInfoObj="formAboutInfoObj" :sysDataObj="sysDataObj">
         <template slot="formInfo">
             <slot name="formInfo"></slot>
         </template>
@@ -27,6 +28,10 @@
             formImpMethod:{type: Function,default:null},
             flowImpParamObj: {type: Object,default: () => ({})},
             downloadTemplate: {type: Function, default: null},
+            getFormDataByDataIds: {type: Function, default: null},
+            saveBatchDealFormData: {type: Function, default: null},
+            formAboutInfoObj: {type: Object, default: () => ({})},
+            sysDataObj: {type: Object, default: () => ({})},
         },
         data(){
             return {
@@ -101,7 +106,7 @@
                     this.userArr = userArr;
                 }else{
                     this.saspFlowAxios.post(this.api.plFlowInterface.find,{sysInterName:'userData',interType:'sys',interStatus:'1'}).then(res => {
-                        if((res.data || []).length == 0){
+                        if((res.data || []).length === 0){
                             return;
                         }
                         let dataInter = res.data[0];