sasp-flow-render 1.1.3 → 1.1.6

package/src/components/flowNewBatchDeal.vue

@@ -0,0 +1,556 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto">
+            <el-form inline size="small" class="search-form-parent el-card">
+                <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.nodeKey">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" @click="doSearch()">查询</el-button>
+                    <el-button icon="el-icon-close" @click="clearSearch()">清空</el-button>
+                </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);position: relative">
+                <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-footer style="height: auto;text-align: right;padding-top: 15px;margin-bottom: -7px" v-show="isShowPage">
+            <el-button-group>
+                <el-button size="small" icon="el-icon-arrow-left" :disabled="prevDisabled" @click="prevClick">上一页</el-button>
+                <el-button size="small" :disabled="nextDisabled" @click="nextClick">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
+            </el-button-group>
+            <div style="display: inline-block;vertical-align: middle">
+                <span style="padding-left: 10px">第{{ currentPage }}页，</span><span>共{{ total }}条</span>
+            </div>
+        </el-footer>
+    </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: () => ({})},
+        currentPage: {type: Number, default: 1},
+        pages: {type: Number, default: 1},
+        total: {type: Number, default: 0},
+    },
+    data() {
+        return {
+            backNewBatchDealArr: [],
+            multipleSelection: [],
+            shLabelWidth: "100px",
+            taskNodeArr: [],
+            taskNodeClickNum: 0,
+            prevDisabled: true,
+            nextDisabled: true,
+            isShowPage: false,
+            // 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, nodeKey: item.nodeKey};
+                    !this.taskNodeArr.some(taskNodeObj => taskNodeObj.currentNode === obj.currentNode) && this.taskNodeArr.push(obj);
+                });
+                this.initFlowBatchDeal(this.formSearchObj.flowNewBatchDealArr);
+            }
+        },
+        'formSearchObj.isInit'() {
+            if (this.formSearchObj.isInit) {
+                // console.log(this.currentPage,this.pages);
+                // 判断是否要分页
+                if (this.pages <= 1) {
+                    this.isShowPage = false;
+                    return;
+                }
+                this.isShowPage = true;
+
+                this.prevDisabled = false;
+                this.nextDisabled = false;
+                if (this.currentPage === 1) {
+                    this.prevDisabled = true;
+                }
+                if (this.currentPage >= this.pages) {
+                    this.nextDisabled = true;
+                }
+            }
+        }
+    },
+    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 operateObj = res.data.operateObj || {nextNodeName: "", userArr: []};
+
+                        let operateMap = JSON.parse(JSON.stringify(res.data.operateMap));
+                        if (operateMap && operateMap.isPassCondition === 0 && !operateObj.nextNodeName) {
+                            Object.assign(operateMap, {nextNodeName: "会签中...等待其他人处理完毕"});
+                        }else {
+                            if (operateMap && operateMap.hasOwnProperty('isPassCondition')) {
+                                delete operateMap.isPassCondition;
+                            }
+                        }
+                        //获取下一个节点信息
+                        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;
+                            operateObj.nextNodeName = nextNodeObj.nodeName || "结束";
+                        }
+                        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);
+                    }
+                });
+            });
+        },
+
+        doSearch() {
+            this.$emit("changePage", 1);
+        },
+
+        clearSearch() {
+            this.$set(this.formSearchObj, "taskNode", "");
+            this.$emit("changePage", 1);
+        },
+
+        // 选择提交
+        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;
+            // return (!row.isLoading && flag) || row.isEndNode;
+        },
+
+        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);
+        },
+
+        // 上一页事件
+        prevClick() {
+            this.$emit("changePage", this.currentPage - 1);
+        },
+
+        nextClick() {
+            this.$emit("changePage", this.currentPage + 1);
+        },
+    }
+}
+</script>
+
+<style scoped>
+.el-form > .el-table .el-form-item {
+    margin-bottom: 0;
+}
+
+.el-table::v-deep {
+    tr > td.checkInfo .cell {
+        //display: flex;
+        position: relative;
+
+        .sh-left-box {
+            //width: 255px;
+            //flex-grow: 1;
+            padding-left: 16px;
+            padding-right: 16px;
+        }
+
+        .sh-right-box {
+            position: absolute;
+            top: 0;
+            right: 0;
+            //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;
+            color: #ffafaf;
+        }
+    }
+}
+</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];