flowable-engine-web/src/App.vue

@@ -17,7 +17,7 @@
     created() {
     },
     mounted() {
-      let beforeUrl = localStorage.getItem('router-path')
+      let beforeUrl = sessionStorage.getItem('router-path')
       if(beforeUrl === undefined || beforeUrl === ''){
         //this.$router.push("/workPanel")
       }else {

flowable-engine-web/src/api/request.js

@@ -6,11 +6,12 @@ import { Notification, MessageBox, Message } from "element-ui";
 // 第三方插件
 import "element-ui/lib/theme-chalk/index.css";
 
+Vue.prototype.$axios = axios;
 // 字体图标
 
 export function getBaseUrl(){
-	// return "http://gateway.mytwins.top"
-	return "http://192.168.101.8:8000"
+	return "http://gateway.mytwins.top"
+	// return "http://192.168.101.8:8000"
 	// return "http://localhost:8000"
 }
 
@@ -38,7 +39,6 @@ service.interceptors.response.use(
 		let data = rsp.data
 		if (data.code === 401){
 			localStorage.clear()
-			window.location.href = "/"
 		}
 		if (data.code === 1000){
 			return data

flowable-engine-web/src/components/common/CodeEdit.vue

@@ -59,7 +59,7 @@ export default {
   computed:{
     _value :{
       get(){
-        return this.value || "";
+        return this.value;
       },
       set(val){
         this.value = val;
@@ -72,7 +72,7 @@ export default {
     })
     this.$refs.codeEdit.codemirror.on("change", (cm) => {
       this._value = cm.getValue()
-      this.$emit("input",cm.getValue())
+      this.$emit("input",this._value)
     })
   },
   methods:{

flowable-engine-web/src/main.js

@@ -18,6 +18,19 @@ import WDialog from '@/components/common/WDialog'
 import Tip from '@/components/common/Tip'
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
 Vue.use(ElementUI);
 Vue.use(AvatarEllipsis);
 Vue.use(Ellipsis);

flowable-engine-web/src/router/index.js

@@ -77,7 +77,7 @@ router.beforeEach((to, from, next) => {
     head[0].appendChild(meta)
   }
   next();
-  localStorage.setItem('router-path', to.path)
+  sessionStorage.setItem('router-path', to.path)
 })
 
 export default router;

flowable-engine-web/src/views/Index.vue

@@ -6,7 +6,6 @@
       <div class="user">
         <el-button type="primary" round size="small" @click="showRolePicker()" icon="el-icon-user">选择本次登录者</el-button>
         <div v-if="token !== '' && token !== null">
-          <el-avatar size="large" :src="loginUser.avatar"></el-avatar>
           <span>{{ loginUser.name }}</span>
         </div>
       </div>
@@ -46,11 +45,17 @@ export default {
     return {
       token: localStorage.getItem("token"),
       select: [],
-      loginUser: {}
+      loginUser: {
+        id: 381496,
+        name: "clay",
+        selected: false,
+        sex: null,
+        type: "user"
+      }
     }
   },
   mounted() {
-    let user = localStorage.getItem("userInfo")
+    let user = sessionStorage.getItem("user")
     if (user !== null && user !== '') {
       this.loginUser = JSON.parse(user)
       this.select.push(this.loginUser)
@@ -69,7 +74,7 @@ export default {
             uuid: "string"
           }
       ).then(res => {
-        localStorage.setItem("userInfo",JSON.stringify(this.loginUser))
+        console.log(res)
         this.token = res.data.data
         localStorage.setItem("token", this.token)
       })

flowable-engine-web/src/views/admin/layout/process/DefaultNodeProps.js

@@ -1,50 +1,50 @@
 //审批节点默认属性
 export const APPROVAL_PROPS = {
-    assignedType: "ASSIGN_USER", //审批类型
-    mode: "AND", //会签模式
-    sign: false, //是否签字
-    headerBgc: '#ff943e', //节点背景颜色
-    nobody: { //没有审批的的时候需要的操作
-        handler: "TO_PASS", //操作
-        assignedUser: [] //审批人列表
+  assignedType: "ASSIGN_USER",
+  mode: "AND",
+  sign: false,
+  headerBgc: '#ff943e',
+  nobody: {
+    handler: "TO_PASS",
+    assignedUser:[]
   },
-    timeLimit: { //边界事件
-        timeout: { //超时提醒时间
+  timeLimit:{
+    timeout:{
       unit: "H",
       value: 0
     },
-        handler: { //超时提醒触发时候的操作
-            type: "REFUSE", //操作
+    handler:{
+      type: "REFUSE",
       notify:{
-                once: true, //是否循环
+        once: true,
         hour: 1
       }
     }
   },
-    assignedUser: [], // 审批人列表
-    formPerms: [], //表单权限
-    selfSelect: { //用户自选
-        multiple: false //用户自选时是否是多选
+  assignedUser:[],
+  formPerms:[],
+  selfSelect: {
+    multiple: false
   },
-    leaderTop: { //领导
+  leaderTop: {
     endCondition: "TOP",
     endLevel: 1,
   },
-    leader: { //第几级领导
+  leader:{
     level: 1
   },
-    roleList: [], //角色列表
-    refuse: { //拒绝的操作
+  roleList:[],
+  refuse: {
     type: 'TO_END', //驳回规则 TO_END  TO_NODE  TO_BEFORE
     target: '' //驳回到指定ID的节点
   },
-    formUser: '' //表单用户
+  formUser: ''
 }
 
 //根节点默认属性
 export const ROOT_PROPS = {
-    assignedUser: [], //审批人
-    formPerms: [] //表单权限
+  assignedUser: [],
+  formPerms:[]
 }
 
 //条件节点默认属性
@@ -77,7 +77,7 @@ export const TRIGGER_PROPS = {
       {
         name: '',
         isField: true,
-                value: '' //支持表达式 ${xxx} xxx为表单字段id
+        value: '' //支持表达式 ${xxx} xxx为表单字段名称
       }
     ],
     contentType: 'FORM', //请求参数类型
@@ -85,18 +85,17 @@ export const TRIGGER_PROPS = {
       {
         name: '',
         isField: true, //是表单字段还是自定义
-                value: '' //支持表达式 ${xxx} xxx为表单字段id
+        value: '' //支持表达式 ${xxx} xxx为表单字段名称
       }
     ],
     retry: 1,
     handlerByScript: false,
-        success: 'function handlerSuccess(res) {\n  return {\n    state: true, \n    msg: "请求成功!" \n  };\n}',
-        fail: 'function handlerFail(res) {\n  return {\n    state: true, \n    msg: "请求失败!" \n  };\n}'
+    success: 'function handlerOk(res) {\n  return true;\n}',
+    fail: 'function handlerFail(res) {\n  return true;\n}'
   },
   email:{
     subject: '',
     to: [],
-        cc: [],
     content: ''
   }
 }

flowable-engine-web/src/views/common/process/config/ApprovalNodeConfig.vue

@@ -6,9 +6,8 @@
           <el-radio v-for="item in approvalTypes" :label="item.type" :key="item.type">{{ item.name }}</el-radio>
         </el-radio-group>
         <div v-if="nodeProps.assignedType === 'ASSIGN_USER'">
-          <el-button size="mini" icon="el-icon-plus" type="primary" @click="$refs.userPicker.showUserPicker()" round>选择人员</el-button>
-          <user-picker title="请选择系统角色" :multiple="false" ref="userPicker" :v-model="assignedUser" @ok="selectedUser"/>
-          <avatar-ellipsis :row="3" :user-info="assignedUser"/>
+          <el-button size="mini" icon="el-icon-plus" type="primary" @click="selectUser" round>选择人员</el-button>
+          <avatar-ellipsis :row="3" :user-info="nodeProps.assignedUser"/>
         </div>
         <div v-else-if="nodeProps.assignedType === 'SELF_SELECT'">
           <el-radio-group size="mini" v-model="nodeProps.selfSelect.multiple">
@@ -41,8 +40,7 @@
           </el-form-item>
         </div>
         <div v-else-if="nodeProps.assignedType === 'ROLE'">
-          <el-button size="mini" icon="el-icon-plus" type="primary" @click="$refs.rolePicker.showRolePicker()" round>选择系统角色</el-button>
-          <role-picker title="请选择人员" :multiple="false" ref="rolePicker" :v-model="roleList" @ok="selectedRole"/>
+          <el-button size="mini" icon="el-icon-plus" type="primary" @click="selectRole" round>选择系统角色</el-button>
           <role-items v-model="nodeProps.roleList"/>
         </div>
         <div v-else-if="nodeProps.assignedType === 'FORM_USER'">
@@ -66,11 +64,12 @@
           <el-radio label="TO_ADMIN">转交审批管理员</el-radio>
           <el-radio label="TO_USER">转交到指定人员</el-radio>
         </el-radio-group>
+
         <div style="margin-top: 10px" v-if="nodeProps.nobody.handler === 'TO_USER'">
-          <el-button size="mini" icon="el-icon-plus" type="primary" @click="$refs.toUserPicker.showUserPicker()" round>选择人员</el-button>
-          <user-picker title="请指定用户" :multiple="false" ref="toUserPicker" :v-model="nobodyAssignedUser" @ok="selectNoSetUser"/>
-          <avatar-ellipsis :row="3" :user-info="nobodyAssignedUser"/>
+          <el-button size="mini" icon="el-icon-plus" type="primary" @click="selectNoSetUser" round>选择人员</el-button>
+          <org-items v-model="nodeProps.assignedUser"/>
         </div>
+
       </el-form-item>
 
       <div v-if="showMode">
@@ -119,22 +118,23 @@
       </el-form-item>
       <el-form-item label="🙅‍ 如果审批被驳回 👇">
         <el-radio-group v-model="nodeProps.refuse.type">
-          <el-radio label="TO_INITIAL">重新开始流程</el-radio>
+          <el-radio label="TO_INITIAL">直接结束流程</el-radio>
           <el-radio label="TO_BEFORE">驳回到上级审批节点</el-radio>
-          <el-radio label="TO_NODE">驳回到指定节点</el-radio>
+          <!--          <el-radio label="TO_NODE">驳回到指定节点</el-radio>-->
         </el-radio-group>
         <div v-if="nodeProps.refuse.type === 'TO_NODE'">
           <span>指定节点:</span>
           <el-select style="margin-left: 10px; width: 150px;" placeholder="选择跳转步骤" size="small"
                      v-model="nodeProps.refuse.target">
-            <el-option v-for="(node, index) in nodeOptions" :key="index" :label="node.name"
-                       :value="node.id"></el-option>
+            <el-option v-for="(node, i) in nodeOptions" :key="i" :label="node.name" :value="node.id"></el-option>
           </el-select>
         </div>
 
       </el-form-item>
     </el-form>
 
+    <role-picker title="请选择人员" multiple ref="rolePicker" :v-model="roleList" @ok="selectedRole"/>
+    <user-picker title="请选择系统角色" multiple ref="userPicker" :v-model="assignedUser" @ok="selectedUser"/>
 
   </div>
 </template>
@@ -143,11 +143,12 @@
 import RolePicker from "@/components/common/RolePicker";
 import UserPicker from "@/components/common/UserPicker";
 import RoleItems from "../RoleItems";
+import OrgItems from "../OrgItems";
 
 
 export default {
   name: "ApprovalNodeConfig",
-  components: {RoleItems, RolePicker, UserPicker},
+  components: {RoleItems, OrgItems, RolePicker, UserPicker},
   props: {
     config: {
       type: Object,
@@ -183,14 +184,6 @@ export default {
         this.config.assignedUser = val
       }
     },
-    nobodyAssignedUser: {
-      get() {
-        return this.config.nobody.assignedUser || [];
-      },
-      set(val) {
-        this.config.nobody.assignedUser = val
-      }
-    },
     roleList:{
       get() {
         return this.config.roleList || [];
@@ -206,7 +199,7 @@ export default {
     },
     nodeOptions() {
       let values = [];
-      const excType = ["ROOT", "EMPTY", "CONDITION", "CONDITIONS", "CONCURRENT", "CONCURRENTS", "CC", "END", "TRIGGER"];
+      const excType = ["ROOT", "EMPTY", "CONDITION", "CONDITIONS", "CONCURRENT", "CONCURRENTS"];
       this.$store.state.nodeMap.forEach((v) => {
         if (excType.indexOf(v.type) === -1) {
           values.push({id: v.id, name: v.name});
@@ -223,6 +216,7 @@ export default {
         case "LEADER_TOP":
           return this.nodeProps.formUser !== "";
         case "FORM_USER":
+          return true;
         case "ROLE":
           return true;
         default:
@@ -231,17 +225,15 @@ export default {
     }
   },
   methods: {
-    selectNoSetUser(select) {
-      let userInfoList = []
-      for (let val of select) {
-        let userInfo = {
-          id: val.id,
-          name: val.name,
-          avatar: val.avatar,
-        }
-        userInfoList.push(userInfo)
-      }
-      this.nobodyAssignedUser = userInfoList
+    selectUser() {
+      this.$refs.userPicker.showUserPicker()
+    },
+    selectNoSetUser() {
+
+    },
+    //弹出角色选择器,选择系统角色
+    selectRole() {
+      this.$refs.rolePicker.showRolePicker();
     },
     selectedRole(select) {
       this.roleList = select

flowable-engine-web/src/views/common/process/config/CcNodeConfig.vue

@@ -30,6 +30,7 @@ export default {
         return this.config.shouldAdd || false
       },
       set(val){
+        console.log("asdjhajdhasjdhasdhasjdad")
         this.config.shouldAdd = val
       }
     },

flowable-engine-web/src/views/common/process/config/TriggerNodeConfig.vue

@@ -23,25 +23,22 @@
             <span style="margin-right: 10px">Header请求头</span>
             <el-button type="text" @click="addItem(config.http.headers)"> + 添加</el-button>
           </div>
-          <div v-for="(header, index) in config.http.headers" :key="index">
-            -
-            <el-input placeholder="参数名" size="small" style="width: 100px;" v-model="header.name"/>
+          <div v-for="(header, index) in config.http.headers" :key="header.name">
+            - <el-input placeholder="参数名" size="small" style="width: 100px;" v-model="header.name" />
             <el-radio-group size="small" style="margin: 0 5px;" v-model="header.isField">
               <el-radio-button :label="true">表单</el-radio-button>
               <el-radio-button :label="false">固定</el-radio-button>
             </el-radio-group>
-            <el-select v-if="header.isField" style="width: 180px;" v-model="header.value" size="small"
-                       placeholder="请选择表单字段">
+            <el-select v-if="header.isField" style="width: 180px;" v-model="header.value" size="small" placeholder="请选择表单字段">
               <el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.title"></el-option>
             </el-select>
             <el-input v-else placeholder="请设置字段值" size="small" v-model="header.value" style="width: 180px;"/>
-            <el-icon class="el-icon-delete" @click="delItem(config.http.headers, index)"
-                     style="margin-left: 5px; color: #c75450; cursor: pointer"/>
+            <el-icon class="el-icon-delete" @click="delItem(config.http.headers, index)" style="margin-left: 5px; color: #c75450; cursor: pointer"/>
           </div>
         </el-form-item>
         <el-form-item label="Header请求参数" prop="text">
           <div slot="label">
-            <span style="margin-right: 10px">请求参数   </span>
+            <span style="margin-right: 10px">Header请求参数   </span>
             <el-button style="margin-right: 20px" type="text" @click="addItem(config.http.params)">  + 添加</el-button>
             <span>参数类型 - </span>
             <el-radio-group size="mini" style="margin: 0 5px;" v-model="config.http.contentType">
@@ -49,20 +46,17 @@
               <el-radio-button label="FORM">form</el-radio-button>
             </el-radio-group>
           </div>
-          <div v-for="(param, index) in config.http.params" :key="index">
-            -
-            <el-input placeholder="参数名" size="small" style="width: 100px;" v-model="param.name"/>
+          <div v-for="(param, index) in config.http.params" :key="param.name">
+            - <el-input placeholder="参数名" size="small" style="width: 100px;" v-model="param.name" />
             <el-radio-group size="small" style="margin: 0 5px;" v-model="param.isField">
               <el-radio-button :label="true">表单</el-radio-button>
               <el-radio-button :label="false">固定</el-radio-button>
             </el-radio-group>
-            <el-select v-if="param.isField" style="width: 180px;" v-model="param.value" size="small"
-                       placeholder="请选择表单字段">
-              <el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.id"></el-option>
+            <el-select v-if="param.isField" style="width: 180px;" v-model="param.value" size="small" placeholder="请选择表单字段">
+              <el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.title"></el-option>
             </el-select>
             <el-input v-else placeholder="请设置字段值" size="small" v-model="param.value" style="width: 180px;"/>
-            <el-icon class="el-icon-delete" @click="delItem(config.http.params, index)"
-                     style="margin-left: 5px; color: #c75450; cursor: pointer"/>
+            <el-icon class="el-icon-delete" @click="delItem(config.http.params, index)" style="margin-left: 5px; color: #c75450; cursor: pointer"/>
           </div>
           <div>
 
@@ -75,21 +69,16 @@
             <el-switch v-model="config.http.handlerByScript"></el-switch>
           </div>
           <span class="item-desc" v-if="config.http.handlerByScript">
-          <p>👉 返回值为 ture 则流程通过，为 false 则流程将被驳回</p>
-          <p>👉 (上线注意)占不支持ES高级语法</p>
-          <p>👉 (上线注意)不支持浏览器的内置函数</p>
-          <!--          <div>支持函数-->
-          <!--            <span style="color: dodgerblue">setFormByName(-->
-          <!--              <span style="color: #939494">'表单字段名', '表单字段值'</span>-->
-          <!--              )</span>-->
-          <!--            可改表单数据-->
-          <!--          </div>-->
+          👉 返回值为 ture 则流程通过，为 false 则流程将被驳回
+          <div>支持函数
+            <span style="color: dodgerblue">setFormByName(
+              <span style="color: #939494">'表单字段名', '表单字段值'</span>
+              )</span>
+            可改表单数据
+          </div>
         </span>
           <span class="item-desc" v-else>👉 无论请求结果如何，均通过</span>
           <div v-if="config.http.handlerByScript">
-          <div>
-            <el-button @click="testHander">测试</el-button>
-          </div>
             <div>
               <span>请求成功😀：</span>
               <code-edit v-model="config.http.success"/>
@@ -106,20 +95,12 @@
           <el-input placeholder="请输入邮件主题" size="medium" v-model="config.email.subject" />
         </el-form-item>
         <el-form-item label="收件方" prop="text">
-          <el-select size="small" style="width: 100%;" v-model="config.email.to" filterable multiple allow-create
-                     default-first-option placeholder="请输入收件人">
-            <el-option v-for="sender in config.email.to" :key="sender" :label="sender" :value="sender"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="抄送方" prop="text">
-          <el-select size="small" style="width: 100%;" v-model="config.email.cc" filterable multiple allow-create
-                     default-first-option placeholder="请输入收件人">
-            <el-option v-for="item in config.email.cc" :key="item" :label="item" :value="item"></el-option>
+          <el-select size="small" style="width: 100%;" v-model="config.email.to" filterable multiple allow-create default-first-option placeholder="请输入收件人">
+            <el-option v-for="item in config.email.to" :key="item" :label="item" :value="item"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="邮件正文" prop="text">
-          <el-input type="textarea" v-model="config.email.content" :rows="4"
-                    placeholder="邮件内容，支持变量提取表单数据 ${表单字段名} "></el-input>
+          <el-input type="textarea" v-model="config.email.content" :rows="4" placeholder="邮件内容，支持变量提取表单数据 ${表单字段名} "></el-input>
         </el-form-item>
       </div>
     </el-form>
@@ -128,8 +109,6 @@
 
 <script>
 import CodeEdit from "@/components/common/CodeEdit";
-import axios from "axios";
-
 export default {
   name: "TriggerNodeConfig",
   components: {CodeEdit},
@@ -147,7 +126,8 @@ export default {
     }
   },
   data() {
-    return {}
+    return {
+    }
   },
   methods: {
     addItem(items){
@@ -161,48 +141,6 @@ export default {
     delItem(items, index){
       items.splice(index, 1)
     },
-    testHander() {
-      let http = this.config.http;
-      if (http.url == null || http.url === '') {
-        this.$message.error("请填写请求路径!")
-        return
-      }
-      let headers = {}
-      for (let header of http.headers) {
-        if (header.isField) {
-          this.$message.error("测试只支持固定参数")
-          return
-        }
-        if (header.name !== "" && header.value !== "") {
-          this.$set(headers, header.name, header.value);
-        }
-      }
-      if (http.contentType === "FORM") {
-        this.$set(headers, "Content-Type", "multipart/form-data")
-      } else {
-        this.$set(headers, "Content-Type", "application/json")
-      }
-      console.log("==================[测试打印内容]==================")
-      axios.request({
-        method: http.method,
-        url: http.url,
-        headers: headers
-      }).then(res => {
-        console.log(res)
-        if (res.status === 200) {
-          let data = res.data
-          let successFun = eval("(false ||" + http.success + ")");
-          let result = successFun(data);
-          console.log(result, "成功函数执行的返回结果")
-        } else {
-          let failFun = eval("(false ||" + http.fail + ")");
-          let result = failFun(res);
-          console.log(result, "失败函数执行的返回结果")
-        }
-      }).finally(() => {
-        console.log("==================[测试打印结束]==================")
-      })
-    },
   }
 }
 </script>

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

@@ -28,7 +28,7 @@ export default {
   computed: {
     selectUser() {
       return {
-        show: this.config.props.assignedType !== 'ASSIGN_USER' && this.config.props.shouldAdd,
+        show: this.config.props.assignedType !== 'ASSIGN_USER',
         multiple: true
       };
     },