flowable-engine-web/src/views/admin/LayoutHeader.vue

@@ -22,9 +22,9 @@
       </div>
     </div>
 
-<!--    <el-dialog title="请使用手机扫码预览" :visible.sync="viewCode" width="300px" :close-on-click-modal="false" center>-->
-<!--      <img src="../../assets/image/code.png" width="250" height="250">-->
-<!--    </el-dialog>-->
+    <el-dialog title="请使用手机扫码预览" :visible.sync="viewCode" width="300px" :close-on-click-modal="false" center>
+      <img src="../../assets/image/code.png" width="250" height="250">
+    </el-dialog>
   </div>
 </template>
 

flowable-engine-web/src/views/common/process/nodes/ApprovalNode.vue

@@ -1,5 +1,5 @@
 <template>
-  <node :title="config.name" :show-error="showError" :content="content"
+  <node :title="config.name" :show-error="showError" :content="content" :node-id="config.id"
         :show-avatar="config.props.assignedType === 'ASSIGN_USER'" :user-info="assignedUser"
         :error-info="errorInfo"
         :select-user="selectUser"
@@ -109,6 +109,9 @@ export default {
           this.errorInfo = '审批人为空时， 转交给指定人员：【请指定一个具体的人】'
           err.push('审批人为空时， 转交给指定人员：【请指定一个具体的人】')
           this.showError = true
+        } else if (this.viewer) {
+          this.showError = !this.validate_ASSIGN_USER(err)
+          console.log(this.showError)
         }
         return this.showError
       } catch (e) {
@@ -126,16 +129,7 @@ export default {
       }
     },
     validate_SELF_SELECT(err) {
-      if (!this.viewer){
-        return true
-      }
-      let userInfo = this.$store.state.selectUserMap.get(this.config.id);
-      if (undefined !== userInfo && Array.isArray(userInfo) && userInfo.length > 0) {
-          return true;
-      }
-      this.errorInfo = '请指定审批人员'
-      err.push(`${this.config.name} 未指定审批人员`)
-      return false;
+      return true;
     },
     validate_LEADER_TOP(err) {
       return true;

flowable-engine-web/src/views/common/process/nodes/Node.vue

@@ -141,6 +141,7 @@ export default {
   },
   created() {
     let userInfo = this.$store.state.selectUserMap.get(this.nodeId);
+    console.log(this.nodeId,"sadasdasd",userInfo,this._userInfo)
     if (userInfo){
       let userInfoList = []
       for (let val of userInfo) {

flowable-engine-web/src/views/workspace/AboutInstance.vue

@@ -98,7 +98,7 @@
     </el-dialog>
 
 
-    <re-process :code="selectInstanceId" v-if="openItemDl" @success="getList"/>
+    <re-process :code="selectInstanceId" v-if="openItemDl" @submit="resubmit"/>
   </div>
 </template>
 
@@ -162,8 +162,10 @@ export default {
         that.$store.state.refuseList = data.refuseList;
         that.$store.state.passList = data.passList;
         this.loading = false;
+        console.log(data, "获取到的结果数据")
       })
     },
+
     init() {
       this.processInstanceData = {
         userInfo: {},
@@ -171,6 +173,7 @@ export default {
         formItems: [],
         processList: [],
       };
+
       this.loading = true;
       this.$store.state.design = this.taskData;
       this.$store.state.runningList = [];
@@ -181,6 +184,11 @@ export default {
       this.$store.state.diagramMode = "viewer";
       this.$store.state.preview = false;
     },
+    resubmit(flag) {
+      if (flag) {
+        this.getList();
+      }
+    },
     getList() {
       getAboutInstanceList().then(res => {
         let data = res.data

flowable-engine-web/src/views/workspace/InitiateProcess.vue

@@ -68,16 +68,9 @@ export default {
         this.$message.error(err);
       });
     },
-    validate() {
-      let formValidate
-      this.$refs.initiateForm.validate(formCall => {
-        formValidate = formCall;
-      })
-      let proValidate = this.$refs.processDiagramViewer.validate()
-      if (!formValidate) {
-        return false;
-      }
-      return (Array.isArray(proValidate) && proValidate.length === 0);
+    validate(call) {
+      this.$refs.initiateForm.validate(call);
+      this.$refs.processDiagramViewer.validate(call);
     }
   }
 };

flowable-engine-web/src/views/workspace/InitiatedInstance.vue

@@ -96,7 +96,7 @@
       <process-diagram-viewer v-if="processDiagramViewer"/>
       <div style="height: 70px;"></div>
     </el-dialog>
-    <re-process :code="selectInstanceId" v-if="openItemDl" @success="getList()"/>
+    <re-process :code="selectInstanceId" v-if="openItemDl" @submit="resubmit"/>
   </div>
 </template>
 
@@ -155,6 +155,11 @@ export default {
         this.loading = false;
       })
     },
+    resubmit(flag) {
+      if (flag) {
+        this.getList();
+      }
+    },
     init() {
       this.processInstanceData = {
         userInfo: {},

flowable-engine-web/src/views/workspace/ReProcess.vue

@@ -97,27 +97,21 @@ export default {
         formData: JSON.stringify(this.formData),
         optionalUser: selectUserMap
       }
-      let valid = this.validate(() => {})
-      if (valid) {
-        restartProcessInstance(paramsData).then(res => {
-          this.openItemDl = false
-          this.$message.success(res.msg)
-          this.$emit("success")
-        })
-      } else {
-        this.$message.warning("请完善表单😥")
-      }
+      this.validate(valid => {
+        if (valid) {
+          restartProcessInstance(paramsData).then(res => {
+            this.$emit("submit", true)
+            this.openItemDl = false
+            this.$message.success(res.msg)
+          })
+        } else {
+          this.$message.warning("请完善表单😥")
+        }
+      })
     },
     validate(call) {
-      let formValidate
-      this.$refs.initiateForm.validate(formCall => {
-        formValidate = formCall;
-      })
-      let proValidate = this.$refs.processDiagramViewer.validate(call)
-      if (!formValidate) {
-        return false;
-      }
-      return (Array.isArray(proValidate) && proValidate.length === 0);
+      this.$refs.initiateForm.validate(call);
+      this.$refs.processDiagramViewer.validate(call);
     }
   }
 }

flowable-engine-web/src/views/workspace/WorkSpace.vue

@@ -7,8 +7,7 @@
       <el-tab-pane label="审批列表" name="approveList">
         <el-row style="margin-bottom: 20px">
           <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4">
-            <el-input size="medium" v-model="formList.inputs" placeholder="搜索表单" @keyup.enter.native="getGroups"
-                      clearable>
+            <el-input size="medium" v-model="formList.inputs" placeholder="搜索表单" @keyup.enter.native="getGroups" clearable>
               <i slot="prefix" class="el-input__icon el-icon-search"></i>
             </el-input>
           </el-col>
@@ -45,16 +44,15 @@
         <disposal-task v-if="active === 'disposalTask'" ref="disposalTask"/>
       </el-tab-pane>
       <el-tab-pane label="我发起的" name="initiated">
-        <initiated-instance v-if="active === 'initiated'" ref="InitiatedInstance"/>
+        <initiated-instance v-if="active === 'initiated'"  ref="InitiatedInstance"/>
       </el-tab-pane>
-      <el-tab-pane label="关于我的" name="aboutMe">
-        <about-instance v-if="active === 'aboutMe'" ref="AboutInstance"/>
+      <el-tab-pane label="关于我的"  name="aboutMe">
+        <about-instance v-if="active === 'aboutMe'"  ref="AboutInstance"/>
       </el-tab-pane>
     </el-tabs>
 
     <el-dialog title="发起审批" :visible.sync="openItemDl" :close-on-click-modal="true">
-      <initiate-process ref="processInstance" :code="selectForm.processDefinitionKey"
-                        v-if="openItemDl"></initiate-process>
+      <initiate-process ref="processInstance" :code="selectForm.processDefinitionKey" v-if="openItemDl"></initiate-process>
       <span slot="footer" class="dialog-footer">
 				<el-button size="mini" @click="openItemDl = false">取 消</el-button>
 				<el-button size="mini" type="primary" @click="submitForm">提 交</el-button>
@@ -73,7 +71,7 @@ import AboutInstance from "./AboutInstance";
 
 export default {
   name: "workSpace",
-  components: {AboutInstance, InitiateProcess, DisposalTask, InitiatedInstance},
+  components: {AboutInstance, InitiateProcess,DisposalTask,InitiatedInstance},
   data() {
     return {
       active: 'disposalTask',
@@ -97,16 +95,16 @@ export default {
   methods: {
     getGroups() {
       let groupItem = {
-        id: 100,
-        name: "clay测试",
-        items: []
+        id:100,
+        name:"clay测试",
+        items:[]
       }
       let query = {
         state: 1
       }
-      getProcessDefinitionList(query).then(res => {
+      getProcessDefinitionList(query).then(res=>{
         groupItem.items = res.data.rows
-        groupItem.items.forEach(item => {
+        groupItem.items.forEach(item=>{
           item.logo = JSON.parse(item.logo)
         })
         this.actives.push(groupItem.name)
@@ -120,29 +118,26 @@ export default {
       this.openItemDl = true
     },
     // todo 提交流程测试
-    submitForm() {
+    submitForm(){
       let processInstance = this.$refs.processInstance;
       let selectUserMap = {}
-      this.$store.state.selectUserMap.forEach(((value, key) => {
-        selectUserMap[key] = value
-      }))
+      this.$store.state.selectUserMap.forEach(((value, key) => {selectUserMap[key]=value}))
       let paramsData = {
         processDefinitionId: this.selectForm.processDefinitionId,
         formData: JSON.stringify(processInstance.formData),
         optionalUser: selectUserMap
       }
-      let valid = processInstance.validate(() => {
+      processInstance.validate(valid => {
+        if (valid) {
+          startProcessInstance(paramsData).then(res=>{
+            this.openItemDl = false
+            this.$message.success(res.msg)
+            this.$refs.disposalTask.getList()
+          })
+        } else {
+          this.$message.warning("请完善表单😥")
+        }
       })
-      console.log(valid)
-      if (valid) {
-        startProcessInstance(paramsData).then(res => {
-          this.openItemDl = false
-          this.$message.success(res.msg)
-          this.$refs.disposalTask.getList()
-        })
-      } else {
-        this.$message.warning("请完善表单😥")
-      }
     }
   }
 }
@@ -150,63 +145,54 @@ export default {
 
 <style lang="less" scoped>
 @media screen and (max-width: 1852px) {
-  /deep/ .el-dialog {
+  /deep/.el-dialog {
     width: 70%;
   }
-}
-
+  }
 @media screen and (max-width: 1766px) {
-  /deep/ .el-dialog {
-    width: 85% !important;
+  /deep/.el-dialog {
+    width: 85%!important;
   }
 }
-
 @media screen and (max-width: 1660px) {
-  /deep/ .el-dialog {
-    width: 90% !important;
+  /deep/.el-dialog {
+    width: 90%!important;
   }
 }
-
 @media screen and (max-width: 1560px) {
-  /deep/ .el-dialog {
+  /deep/.el-dialog {
     width: 65%;
     //height: 1270px!important;
   }
-
-  /deep/ .el-main {
-    width: 100% !important;
+  /deep/.el-main {
+    width: 100%!important;
   }
 }
 
 @media screen and (max-width: 1360px) {
-  /deep/ .el-dialog {
+  /deep/.el-dialog {
     min-width: 1072px;
   }
 }
-
-/deep/ .el-dialog {
+/deep/.el-dialog {
   width: 80%;
   //height: 830px;
-  margin-top: 4vh !important;
+  margin-top: 4vh!important;
 }
-
-/deep/ .el-main {
-  height: 600px !important;
+/deep/.el-main {
+  height: 600px!important;
   overflow: auto;
 }
-
-/deep/ .el-main::-webkit-scrollbar {
+/deep/.el-main::-webkit-scrollbar{
   width: 6px;
   height: 6px;
   background-color: #f8f8f8;
 }
-
-/deep/ .el-main::-webkit-scrollbar-thumb {
+/deep/.el-main::-webkit-scrollbar-thumb{
   width: 6px;
   background-color: #adacac;
   border-radius: 4px;
 }
-
 .workspace {
   padding: 50px 20px;
   position: relative;
@@ -274,7 +260,7 @@ export default {
       height: 35px;
       line-height: 35px;
 
-      div {
+      div{
         display: inline-block;
         margin-left: 10px;
         width: 100px;