sasp-flow-render 1.1.2 → 1.1.5

package/index.js

@@ -13,6 +13,8 @@ import CustomRenderer from './src/views/popup/js/controls/CustomRenderer';
 import translations from './src/views/popup/js/translations/translations';
 import apiFlow from './src/assets/js/api/apiFlow';
 import flowGlobal from './src/assets/js/global/flowGlobal';
+import axios from 'axios';
+import qs from "qs";
 import flowInstView from './src/views/flowInstView';
 import {isAxiosFormData, SaspModuleUtil} from "sasp-base";
 /**
@@ -43,32 +45,28 @@ let components = [
 ];
 
 let createAxiosIfNotExists = (Vue,props) => {
-    let newAxios = (props || {}).axios;
-    if (!newAxios) {
-        if(Vue.prototype.shareAxios){
-            (props || {}).axios = Vue.prototype.shareAxios;
-            return;
-        }
-        newAxios = axios.create({
-            baseURL:(props || {}).SERVICE_URL,
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
-                common: {
-                    Authorization: (localStorage["Authorization" + (window.projectSuffix || "")] || "")
-                }
-            },
-            transformRequest: [
-                function (data) {
-                    return data;
-                }
-            ],
-        })
-        newAxios.all = axios.all;
-        newAxios.spread = axios.spread;
-        Vue.prototype.axios = newAxios;
-        Vue.prototype.shareAxios = newAxios;
-        (props || {}).axios = newAxios;
+    if((props || {}).axios){
+        Vue.prototype.saspFlowAxios = props.axios;
+        (props || {}).saspFlowAxios = props.axios;
+        return;
     }
+
+    let newAxios = axios.create({
+        baseURL:window.FLOW_RENDER_URL,
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        },
+    })
+    newAxios.defaults.transformRequest = [];
+    newAxios.defaults.transformRequest.push(
+        function (data) {
+            return data;
+        }
+    )
+    newAxios.all = axios.all;
+    newAxios.spread = axios.spread;
+    Vue.prototype.saspFlowAxios = newAxios;
+    (props || {}).saspFlowAxios = newAxios;
 }
 
 /**
@@ -77,14 +75,12 @@ let createAxiosIfNotExists = (Vue,props) => {
  * @param props
  */
 let initAxios = (Vue, props) => {
-    let axios = (props || {}).axios;
-    if (!axios) {
-        return;
-    }
+    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') && 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,
@@ -103,12 +99,30 @@ let initAxios = (Vue, props) => {
         }
         return config;
     });
+    axios.defaults.transformRequest = axios.defaults.transformRequest || [];
+    axios.defaults.transformRequest.push(
+        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;
+            }
+        }
+    );
 };
 
 const install = function (Vue, opts = {}) {
     SaspModuleUtil.registerModuleName(Vue, "flow");
-
-    // createAxiosIfNotExists(Vue,opts);
+    window.FLOW_RENDER_URL = opts.SERVICE_URL || window.JAVA_URL;
+    createAxiosIfNotExists(Vue,opts);
 
     Vue.prototype.USE_SASP_FLOW = true; // 说明安装了流程插件，我们使用此参数作为表单对接的依据
     Vue.use(flowInstall, opts);
@@ -120,7 +134,7 @@ const install = function (Vue, opts = {}) {
     components.forEach(component => {
         Vue.component(component.name, component);
     });
-    loadFlowEventPlugin.installAll(Vue);
+    loadFlowEventPlugin.installAll(Vue, opts);
 };
 
 export default {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sasp-flow-render",
-  "version": "1.1.2",
+  "version": "1.1.5",
   "description": "业务应用支撑平台-智慧流程渲染组件",
   "scripts": {
     "build": "vue-cli-service build"
@@ -12,6 +12,7 @@
     "camunda-bpmn-moddle": "^4.4.0",
     "diagram-js": "^6.6.1",
     "diagram-js-minimap": "^2.0.3",
+    "qs": "^6.5.2",
     "sasp-base": "2.5.4"
   },
   "browserslist": [

package/router.js

@@ -1,7 +1,6 @@
 export default {
     menus: [
         {path: 'flowInstTab', component: () => import("./src/components/flowInst/flowInstTab.vue")},
-        {path: 'messageMould', component: () => import("./src/components/messageMould/messageMould.vue")},
         {path: 'flowInstTab', component: () => import("./src/components/flowInst/flowInstTab.vue")},
         {path: 'flowMenuRouter/:resourceId', component: () => import("./src/views/menuRouter/flowMenuRouter.vue")},
     ],

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",
@@ -145,6 +151,10 @@ let objResult = {
 
         changeDealer:"/plFlowInstController/changeDealer", // 切换当前任务处理人
         forceEnd:"/plFlowInstController/forceEnd", // 强制办结
+        recoverExceptionFlow:"/plFlowInstController/recoverExceptionFlow", // 恢复异常流程
+        reStartFlow:"/plFlowInstController/reStartFlow", //重启办结状态下的流程
+        batchUpdateFlowStatus:"/plFlowInstController/batchUpdateFlowStatus", //新版流程批量处理的批量修改流程状态
+        batchExecuteNextStep:"/plFlowInstController/batchExecuteNextStep", //新版流程批量处理的批量执行下一步
     },
 
     plFlowSetting:{
@@ -181,6 +191,10 @@ let objResult = {
         login: "/flowLoginController/login",
         logout: "/flowLoginController/logout",
     },
+    loginInnovateMethod:{
+        login: "/loginController/login",
+        logout: "/loginController/logout",
+    },
     plFlowDomain:{
         url:"/plFlowDomainController",
         find:"/plFlowDomainController/find",
@@ -222,6 +236,9 @@ let objResult = {
         find:"/operationLogController/find",
         getById:"/operationLogController/getById"
     },
+    flowEngine: {
+        saveDataFlowDrafts: "/flowEngine/saveDataFlowDrafts",
+    }
 };
 
 import {SaspModuleUtil} from "sasp-base";

package/src/assets/js/global/cacheGlobal.js

@@ -15,7 +15,7 @@ export default {
     LOCK_USER_INFO:[], //锁定用户信息
     ARR_ALL_POS_USER_INFO:[], //所有组织岗位用户信息（包含已锁定）
     install(Vue,opts){
-        axios = opts.axios;
+        axios = opts.saspFlowAxios;
     },
 
     clearCache(){

package/src/assets/js/global/flowGlobal.js

@@ -10,7 +10,7 @@ export default {
     OBJ_FLOW_NODES: {}, // 流程节点信息
 
     install(Vue,opts){
-        axios = opts.axios;
+        axios = opts.saspFlowAxios;
     },
 
     /**

package/src/assets/js/global/flowUserGlobal.js

@@ -5,7 +5,7 @@ export default {
     name: "FLOW_USER_GLOBAL",
 
     install(Vue,opts){
-        axios = opts.axios;
+        axios = opts.saspFlowAxios;
     },
     clearLoginToken(){
         setLocalJSON('USERTOKEN', "");

package/src/components/flowChart.vue

@@ -128,7 +128,7 @@
                         this.setNodeColor();
                     })
                 };
-                this.axios.post(this.api.plFlowDefine.getFlowDraw,{flowId: this.flowId,linkProcId:this.linkProcId,isRelease:this.isRelease}).then(res => {
+                this.saspFlowAxios.post(this.api.plFlowDefine.getFlowDraw,{flowId: this.flowId,linkProcId:this.linkProcId,isRelease:this.isRelease}).then(res => {
                     if(res && res.data){
                         if(res.data.operateObj){
                             loadBpmn(res.data.operateObj || '');
@@ -153,16 +153,16 @@
                     return;
                 }
                 if(this.nodeId){
-                    this.axios.post(this.api.plFlowNode.getById,{"id":this.nodeId}).then(resNode => {
+                    this.saspFlowAxios.post(this.api.plFlowNode.getById,{"id":this.nodeId}).then(resNode => {
                         let result = resNode.data.nodeLinkId;
                         let canvas = this.viewer.get('canvas');
                         canvas.addMarker(result,"current-node-class");
                         this.setAnnotation(result);
                     })
                 }else{
-                    this.axios.post(this.api.plFlowInst.getById,{"id":this.instId}).then(res => {
+                    this.saspFlowAxios.post(this.api.plFlowInst.getById,{"id":this.instId}).then(res => {
                         let currentNode = res.data.currentNode;
-                        this.axios.post(this.api.plFlowNode.getById,{"id":currentNode}).then(resNode => {
+                        this.saspFlowAxios.post(this.api.plFlowNode.getById,{"id":currentNode}).then(resNode => {
                             let result = resNode.data.nodeLinkId;
                             let canvas = this.viewer.get('canvas');
                             canvas.addMarker(result,"current-node-class");

package/src/components/flowInst/flowInstList.vue

@@ -52,14 +52,39 @@
                         <el-button type="primary" icon="el-icon-circle-plus-outline" size="small" round
                                    @click="openAddFlowForm()">新增
                         </el-button>
-                        <el-button type="danger" icon="el-icon-circle-close" size="small" round @click="deleteFlow()">
-                            删除
-                        </el-button>
-                        <!--                        <el-button type="warning" icon="saspiconfont liuchengtu1" size="small" round>流程图</el-button>-->
+                        <el-button type="danger" icon="el-icon-circle-close" size="small" round @click="deleteFlow()">删除</el-button>
+                        <div style="display: inline-block" v-if='flowImpParamObj.downloadModel'>
+                            <el-popover style="margin-left: 10px;margin-right: 10px;"
+                                        placement="bottom" width="200" trigger="click" >
+                                <el-upload
+                                    class=""
+                                    ref="flowInstUploadFileRef"
+                                    :auto-upload="false"
+                                    :file-list="flowAboutFileList"
+                                    :action="flowImpParamObj.impUrl"
+                                    :limit="1"
+                                    accept=".xlsx,.xls"
+                                    :on-exceed="limitFile"
+                                    :on-change="onChangeFile"
+                                    :before-upload="beforeUploadFile"
+                                    :http-request="uploadFileMethod">
+                                    <el-button type="primary" size="small" slot="trigger">选取导入文件</el-button>
+                                    <el-button type="success" size="small" style="margin-left: 12px" @click="beginImp">导入</el-button>
+                                </el-upload>
+                                <el-button type="warning" size="small" round icon="el-icon-bottom-left" slot="reference">导入</el-button>
+                            </el-popover>
+                            <el-button round size="small" :type="flowImpParamObj.downloadModelObj.buttonColor" :icon="flowImpParamObj.downloadModelObj.icon"
+                                       :circle="flowImpParamObj.downloadModelObj.isCircle" :plain="flowImpParamObj.downloadModelObj.isPlain"
+                                       @click="downloadTemplate">{{flowImpParamObj.downloadModelObj.showName || '模版下载'}}
+                            </el-button>
+                        </div>
                     </div>
                     <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"
@@ -118,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>
@@ -336,6 +357,13 @@
                 }
             },
 
+            // 打开新的批量修改窗口回调函数
+            openNewBatchUpdateFlowForm: {
+                type: Function, default() {
+
+                }
+            },
+
             // 打开查看窗口回调函数
             openViewFlowForm: {
                 type: Function, default() {
@@ -363,8 +391,11 @@
             },
             userMap:{type: Object,default:()=>{return {};}},
 
-            instQueryPower:{type:String,default:""}
-
+            instQueryPower:{type:String,default:""},
+            formImpMethod: {type: Function, default(){}},
+            flowImpParamObj: {type: Object, default: () => ({})},
+            downloadTemplate: {type: Function, default: null},
+            getFormDataByDataIds: {type: Function, default: null},
         },
         data() {
 
@@ -473,15 +504,17 @@
                 flowFormId: "",
                 formDefineKey: "",
                 title: "",
-                formSettingVisible:false,
-                flowSortOrder:""
+                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', () => { //监听浏览器窗口大小改变
                     //浏览器变化执行动作
@@ -489,8 +522,7 @@
                 });
             }
         },
-        mounted() {
-        },
+        mounted() {},
         methods: {
             initWorkStageTurnOn(){
                 this.workTurnOn = WORK_GLOBAL.getTurnOn(this.switchOnline,this.listViewId);
@@ -502,7 +534,7 @@
              * 打开相关的智能建表
              */
             showFormSetting(){
-                this.axios.post(this.api.plPageInfo.find,{ flowId: this.flowDefine.id }).then(res => {
+                this.saspFlowAxios.post(this.api.plPageInfo.find,{ flowId: this.flowDefine.id }).then(res => {
                     let pageInfo = (res.data || [])[0] || {};
                     this.pageName = pageInfo.pageName || "";
                     this.flowFormId = pageInfo.formId;
@@ -533,7 +565,11 @@
 
             init() {
                 this.crud.searchForm["flowId"] = this.flowDefine.id;
+                this.$set(this.crud.searchForm,"currentNode","");
                 let flowStatus = this.flowStatusObj[this.tabType];
+                if(!flowStatus && flowStatus != 0){
+                    flowStatus = "";
+                }
                 this.crud.searchForm["nodeType"] = this.tabType;
                 if (this.tabType == "draft") {
                     this.crud.searchForm["created"] = this.loginUser.id;
@@ -550,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);
+            //     });
+            // },
+
             /**
              * 列表操作按钮显示
              */
@@ -726,7 +773,7 @@
                     this.crud.searchForm.flowSortOrder = "";
                 }
                 this.$emit("initTabNum");
-                if (type == "noMessage") {
+                if (type === "noMessage") {
                     this.crud.search();
                 } else {
                     this.crud.doSearch();
@@ -782,7 +829,7 @@
                         flowInstIds += "," + row.id;
                         dataIds += "," + row.dataId;
                     });
-                    this.axios.post(this.api.plFlowInst.deleteFlowInst, {
+                    this.saspFlowAxios.post(this.api.plFlowInst.deleteFlowInst, {
                         flowInstIds: flowInstIds.substring(1),
                         flowId: this.flowDefine.id,
                         dataIds: dataIds.substring(1)
@@ -819,7 +866,7 @@
              * 打开批量处理页面方法
              */
             async openFlowBatchPendingDialog() {
-                if (this.crud.dataStore.records.length == 0) {
+                if (this.crud.dataStore.records.length === 0) {
                     this.$message({
                         showClose: true,
                         message: '当前没有可处理的流程'
@@ -827,7 +874,12 @@
                 } else {
                     this.openBatchUpdateFlowForm(this.crud.dataStore.records);
                 }
-
+            },
+            /**
+             * 快捷处理
+             */
+            openFlowBatchPendingDialogNew(){
+                this.openNewBatchUpdateFlowForm();
             },
 
             /**
@@ -882,7 +934,7 @@
                     cancelButtonText: '取消',
                     type: 'warning'
                 }).then(() => {
-                    this.axios.post(this.api.plFlowInst.delete, {
+                    this.saspFlowAxios.post(this.api.plFlowInst.delete, {
                         ids: row.id
                     }).then(res => {
                         if (res && res.data && res.data.operateSuccess) {
@@ -894,7 +946,88 @@
                         }
                     })
                 })
-            }
+            },
+
+            // 导入bug单相关的流程数据
+            beginImp() {
+                if (this.flowAboutFileList.length === 0) {
+                    this.$message.error("请选择需要导入的文件！");
+                    return;
+                }
+                this.$confirm('是否确定导入模板数据？', '确认信息', {
+                    distinguishCancelAndClose: true,
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消'
+                }).then(() => {
+                    this.$refs.flowInstUploadFileRef.submit();
+                })
+            },
+
+            limitFile(files) {
+                let file = files[0];
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix !== '.xls' && fileSuffix !== '.xlsx') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    this.$refs.flowInstUploadFileRef.clearFiles();
+                } else {
+                    let fileData = {
+                        name: file.name,
+                        percentage: 0,
+                        raw: file,
+                        size: file.size,
+                        status: 'ready',
+                        uid: file.uid
+                    };
+                    this.flowAboutFileList = [fileData];
+                }
+            },
+
+            onChangeFile(file, fileList) {
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix !== '.xls' && fileSuffix !== '.xlsx') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    this.$refs.flowInstUploadFileRef.clearFiles();
+                } else {
+                    this.flowAboutFileList = fileList;
+                }
+            },
+
+            beforeUploadFile(file) {
+                let fileSuffix = file.name.substring(file.name.lastIndexOf("."), file.name.length);
+                if (fileSuffix !== '.xls' && fileSuffix !== '.xlsx') {
+                    this.$message.error('不支持' + fileSuffix + '文件类型！');
+                    return false;
+                }
+                return true;
+            },
+
+            uploadFileMethod(val) {
+                if (!this.loginUser.id) {
+                    return this.$message({type: "warning", message: "缺失userId参数，请在地址栏用?拼接userId参数"});
+                }
+                this.formImpMethod(val).then(res => {
+                    if (res && res.data && res.data.operateSuccess) {
+                        let resData = res.data.operateObj;
+                        // console.log('resData',resData);
+                        this.saspFlowAxios.post(this.api.flowEngine.saveDataFlowDrafts, {
+                            flowId: this.flowDefine.id,
+                            userCode: this.loginUser.id || "",
+                            dataIds: resData.join(",")
+                        }).then(res => {
+                            // console.log('流程草稿启用',res);
+                            if (res && res.data && res.data.requestStatus === "1") {
+                                this.$message({type: "success", message: "导入成功！"});
+                                this.crud.search();
+                                this.$emit("initTabNum");
+                            }else {
+                                this.$message({type: "warning", message: res.data.errorInfo});
+                            }
+                        });
+                    } else {
+                        this.$message({type: "error", message: "导入失败！"});
+                    }
+                });
+            },
         }
     }
 </script>