From 6d26eab532fe27e9da388ee49dffc4efdd7eb5cf Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Wed, 23 Apr 2025 14:28:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=97=A0=E5=9F=BA=E7=A1=80?=
 =?UTF-8?q?=E7=9F=A9=E9=98=B5=E5=A4=9A=E9=A1=B9=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/date/type.ts                          |   7 +
 src/components/workflow/addNode.vue           | 622 +++++++++---------
 src/components/workflow/dialog/matrix.vue     |   1 +
 .../workflow/drwer/approverDrawer.vue         |   4 +-
 4 files changed, 327 insertions(+), 307 deletions(-)

diff --git a/src/api/date/type.ts b/src/api/date/type.ts
index 34b3425..0ea87af 100644
--- a/src/api/date/type.ts
+++ b/src/api/date/type.ts
@@ -287,7 +287,14 @@ export interface appMatrix{
 	matrixid: number;
 	outcomeName: string;
 	outcomeid: number;
+	list:martOpter[], //多选矩阵
 }
+//矩阵列表
+export interface martOpter{
+	outcomeid:number;
+	outcomeName:string;
+}
+
 //获取数据源参数
 export interface gainDatabaseInfo{
 	id: string;
diff --git a/src/components/workflow/addNode.vue b/src/components/workflow/addNode.vue
index e40f45f..91caae2 100644
--- a/src/components/workflow/addNode.vue
+++ b/src/components/workflow/addNode.vue
@@ -3,328 +3,340 @@
 @ 时间: 2023-10-10 14:23:45
 @ 备注: 添加节点弹窗
 -->
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { v4 as uuidv4 } from "uuid";
 let props = defineProps({
-	nodeConfig: {
-        type: Object,
-        default: () => ({}),
-    },
-    childNodeP: {
-        type: Object,
-        default: ()=> ({})
-    }
-})
-let emits = defineEmits(['update:childNodeP'])
-let visible = ref(false)
+  nodeConfig: {
+    type: Object,
+    default: () => ({}),
+  },
+  childNodeP: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+let emits = defineEmits(["update:childNodeP"]);
+let visible = ref(false);
 //添加节点
-const addType = (type:any)=> {
-	// console.log("props.nodeConfig",props.nodeConfig)
-	// console.log("props.childNodeP",props.childNodeP)
-    visible.value = false;
-	let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-	// console.log('136', onlyNumber,props.nodeConfig,props.childNodeP)
-	let fromNodeNumber = "";    //来源
-    let gotoNodeNumber = "";    //去向
-	if(props.nodeConfig != null && props.nodeConfig.nodeNumber != null && props.nodeConfig.nodeNumber != "") {
-		fromNodeNumber = props.nodeConfig.nodeNumber
-		// eslint-disable-next-line vue/no-mutating-props
-		props.nodeConfig.gotoNode = [onlyNumber]
-		// console.log("p1",props.nodeConfig)
-	}
-	if(props.childNodeP != null) {
-		if(props.childNodeP.nodeNumber != null && props.childNodeP.nodeNumber != ""){
-			gotoNodeNumber = props.childNodeP.nodeNumber
-			// console.log("p2",props.nodeConfig)
-		}
-		// eslint-disable-next-line vue/no-mutating-props
-		props.childNodeP.fromNode = onlyNumber
-		if(props.childNodeP.childNode){
-			if(props.childNodeP.childNode.nodeNumber != null && props.childNodeP.childNode.nodeNumber != ""){
-				// eslint-disable-next-line vue/no-mutating-props
-				props.childNodeP.gotoNode = [props.childNodeP.childNode.nodeNumber]
-				// console.log("p3",props.childNodeP)
-			}
-		}
-	}
-    if (type != 4) {
-        var data;
-        if (type == 1) {
-            data = {
-				"nodeNumber":onlyNumber,	//节点标识
-                "nodeName": "审核人",	//节点名称
-                "error": true,			//当前审批是否通过校验
-                "type": 1,	// 0 发起人 1审批 2抄送 3执行人 4条件 5路由
-                "settype": 1,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 1,
-                "examineEndDirectorLevel": 0,
-                "childNode": props.childNodeP,
-                "nodeUserList": [],
-				"fromNode": fromNodeNumber,
-                "gotoNode":gotoNodeNumber!=""?[gotoNodeNumber]:[],
-				"sendBackNode":"beginnode",
-				"attribute":1,
-				"matrix":{
-					"matrixid":0,
-					"matrixName":"",
-					"factorid":0,
-					"factorName":"",
-					"outcomeid":0,
-					"outcomeName":"",
-				}
-            }
-			// console.log("p4",data)
-        } else if (type == 2) {
-            data = {
-				"nodeNumber":onlyNumber,
-                "nodeName": "抄送人",
-                "type": 2,
-                "ccSelfSelectFlag": 1,
-                "childNode": props.childNodeP,
-                "nodeUserList": [],
-				"fromNode": fromNodeNumber,
-                "gotoNode":gotoNodeNumber!=""?[gotoNodeNumber]:[],
-            }
-			// console.log("p5",data)
-        }else if (type == 3) {
-            data = {
-				"nodeNumber":onlyNumber,
-                "nodeName": "执行人",
-                "error": true,
-                "type": 3,
-                "settype": 1,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 1,
-                "examineEndDirectorLevel": 0,
-                "childNode": props.childNodeP,
-                "nodeUserList": [],
-				"fromNode": fromNodeNumber,
-                "gotoNode":gotoNodeNumber!=""?[gotoNodeNumber]:[],
-				"sendBackNode":"beginnode",
-				"attribute":1,
-				"matrix":{
-					"matrixid":0,
-					"matrixName":"",
-					"factorid":0,
-					"factorName":"",
-					"outcomeid":0,
-					"outcomeName":"",
-				}
-            }
-			// console.log("p6",data)
-        }
-        emits("update:childNodeP", data)
-    } else {
-		const snowflake1 = uuidv4().replaceAll('-','').toString();
-        const snowflake2 = uuidv4().replaceAll('-','').toString();
-        if(props.childNodeP){
-            // eslint-disable-next-line vue/no-mutating-props
-            props.childNodeP.fromNode =snowflake1    //默认第一个分支指向条件1
-        }
-		let data = {
-			"nodeNumber":onlyNumber,
-            "nodeName": "路由",
-            "type": 5,
-            "childNode": null,
-			"fromNode": fromNodeNumber,
-            "gotoNode":[snowflake1,snowflake2],
-            "conditionNodes": [{
-				"nodeNumber":snowflake1,
-                "nodeName": "条件1",
-                "error": true,
-                "type": 4,
-                "priorityLevel": 1,
-                "conditionList": [],
-                "nodeUserList": [],
-                "childNode": props.childNodeP,
-				"fromNode": onlyNumber,
-                "gotoNode":gotoNodeNumber!=""?[gotoNodeNumber]:[],
-            }, {
-				"nodeNumber":snowflake2,
-                "nodeName": "条件2",
-                "type": 4,
-                "priorityLevel": 2,
-                "conditionList": [],
-                "nodeUserList": [],
-                "childNode": null,
-				"fromNode": onlyNumber,
-                "gotoNode":[],
-            }]
-        }
-		// console.log("p7",data)
-        emits("update:childNodeP", data)
+const addType = (type: any) => {
+  // console.log("props.nodeConfig",props.nodeConfig)
+  // console.log("props.childNodeP",props.childNodeP)
+  visible.value = false;
+  let onlyNumber = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+  // console.log('136', onlyNumber,props.nodeConfig,props.childNodeP)
+  let fromNodeNumber = ""; //来源
+  let gotoNodeNumber = ""; //去向
+  if (
+    props.nodeConfig != null &&
+    props.nodeConfig.nodeNumber != null &&
+    props.nodeConfig.nodeNumber != ""
+  ) {
+    fromNodeNumber = props.nodeConfig.nodeNumber;
+    // eslint-disable-next-line vue/no-mutating-props
+    props.nodeConfig.gotoNode = [onlyNumber];
+    // console.log("p1",props.nodeConfig)
+  }
+  if (props.childNodeP != null) {
+    if (props.childNodeP.nodeNumber != null && props.childNodeP.nodeNumber != "") {
+      gotoNodeNumber = props.childNodeP.nodeNumber;
+      // console.log("p2",props.nodeConfig)
     }
-}
+    // eslint-disable-next-line vue/no-mutating-props
+    props.childNodeP.fromNode = onlyNumber;
+    if (props.childNodeP.childNode) {
+      if (
+        props.childNodeP.childNode.nodeNumber != null &&
+        props.childNodeP.childNode.nodeNumber != ""
+      ) {
+        // eslint-disable-next-line vue/no-mutating-props
+        props.childNodeP.gotoNode = [props.childNodeP.childNode.nodeNumber];
+        // console.log("p3",props.childNodeP)
+      }
+    }
+  }
+  if (type != 4) {
+    var data;
+    if (type == 1) {
+      data = {
+        nodeNumber: onlyNumber, //节点标识
+        nodeName: "审核人", //节点名称
+        error: true, //当前审批是否通过校验
+        type: 1, // 0 发起人 1审批 2抄送 3执行人 4条件 5路由
+        settype: 1,
+        selectMode: 0,
+        selectRange: 0,
+        directorLevel: 1,
+        examineMode: 1,
+        noHanderAction: 1,
+        examineEndDirectorLevel: 0,
+        childNode: props.childNodeP,
+        nodeUserList: [],
+        fromNode: fromNodeNumber,
+        gotoNode: gotoNodeNumber != "" ? [gotoNodeNumber] : [],
+        sendBackNode: "beginnode",
+        attribute: 1,
+        matrix: {
+          matrixid: 0,
+          matrixName: "",
+          factorid: 0,
+          factorName: "",
+          outcomeid: 0,
+          outcomeName: "",
+          list: [],
+        },
+      };
+      // console.log("p4",data)
+    } else if (type == 2) {
+      data = {
+        nodeNumber: onlyNumber,
+        nodeName: "抄送人",
+        type: 2,
+        ccSelfSelectFlag: 1,
+        childNode: props.childNodeP,
+        nodeUserList: [],
+        fromNode: fromNodeNumber,
+        gotoNode: gotoNodeNumber != "" ? [gotoNodeNumber] : [],
+      };
+      // console.log("p5",data)
+    } else if (type == 3) {
+      data = {
+        nodeNumber: onlyNumber,
+        nodeName: "执行人",
+        error: true,
+        type: 3,
+        settype: 1,
+        selectMode: 0,
+        selectRange: 0,
+        directorLevel: 1,
+        examineMode: 1,
+        noHanderAction: 1,
+        examineEndDirectorLevel: 0,
+        childNode: props.childNodeP,
+        nodeUserList: [],
+        fromNode: fromNodeNumber,
+        gotoNode: gotoNodeNumber != "" ? [gotoNodeNumber] : [],
+        sendBackNode: "beginnode",
+        attribute: 1,
+        matrix: {
+          matrixid: 0,
+          matrixName: "",
+          factorid: 0,
+          factorName: "",
+          outcomeid: 0,
+          outcomeName: "",
+          list: [],
+        },
+      };
+      // console.log("p6",data)
+    }
+    emits("update:childNodeP", data);
+  } else {
+    const snowflake1 = uuidv4().replaceAll("-", "").toString();
+    const snowflake2 = uuidv4().replaceAll("-", "").toString();
+    if (props.childNodeP) {
+      // eslint-disable-next-line vue/no-mutating-props
+      props.childNodeP.fromNode = snowflake1; //默认第一个分支指向条件1
+    }
+    let data = {
+      nodeNumber: onlyNumber,
+      nodeName: "路由",
+      type: 5,
+      childNode: null,
+      fromNode: fromNodeNumber,
+      gotoNode: [snowflake1, snowflake2],
+      conditionNodes: [
+        {
+          nodeNumber: snowflake1,
+          nodeName: "条件1",
+          error: true,
+          type: 4,
+          priorityLevel: 1,
+          conditionList: [],
+          nodeUserList: [],
+          childNode: props.childNodeP,
+          fromNode: onlyNumber,
+          gotoNode: gotoNodeNumber != "" ? [gotoNodeNumber] : [],
+        },
+        {
+          nodeNumber: snowflake2,
+          nodeName: "条件2",
+          type: 4,
+          priorityLevel: 2,
+          conditionList: [],
+          nodeUserList: [],
+          childNode: null,
+          fromNode: onlyNumber,
+          gotoNode: [],
+        },
+      ],
+    };
+    // console.log("p7",data)
+    emits("update:childNodeP", data);
+  }
+};
 </script>
 <template>
-	<div class="add-node-btn-box">
-		<div class="add-node-btn">
-			<el-popover v-model="visible" placement="right-start"  width="auto">
-				<div class="add-node-popover-body">
-                    <a class="add-node-popover-item approver" @click="addType(1)">
-                        <div class="item-wrapper">
-                            <span class="iconfont"><el-icon><Stamp /></el-icon></span>
-                        </div>
-                        <p>审批人</p>
-                    </a>
-                    <a class="add-node-popover-item notifier" @click="addType(2)">
-                        <div class="item-wrapper">
-                            <span class="iconfont"><i class="fa fa-send"></i></span>
-                        </div>
-                        <p>抄送人</p>
-                    </a>
-					<a class="add-node-popover-item approver" @click="addType(3)">
-                        <div class="item-wrapper">
-                            <span class="iconfont"><i class="fa fa-pencil-square-o"></i></span>
-                        </div>
-                        <p>处理</p>
-                    </a>
-                    <a class="add-node-popover-item condition" @click="addType(4)">
-                        <div class="item-wrapper">
-                            <span class="iconfont"><i class="fa fa-sitemap"></i></span>
-                        </div>
-                        <p>条件分支</p>
-                    </a>
-                </div>
-				<template #reference>
-                    <button class="btn" type="button">
-                        <span class="iconfont"><i class="fa fa-plus"></i></span>
-                    </button>
-                </template>
-			</el-popover>
-		</div>
-	</div>
+  <div class="add-node-btn-box">
+    <div class="add-node-btn">
+      <el-popover v-model="visible" placement="right-start" width="auto">
+        <div class="add-node-popover-body">
+          <a class="add-node-popover-item approver" @click="addType(1)">
+            <div class="item-wrapper">
+              <span class="iconfont"
+                ><el-icon><Stamp /></el-icon
+              ></span>
+            </div>
+            <p>审批人</p>
+          </a>
+          <a class="add-node-popover-item notifier" @click="addType(2)">
+            <div class="item-wrapper">
+              <span class="iconfont"><i class="fa fa-send"></i></span>
+            </div>
+            <p>抄送人</p>
+          </a>
+          <a class="add-node-popover-item approver" @click="addType(3)">
+            <div class="item-wrapper">
+              <span class="iconfont"><i class="fa fa-pencil-square-o"></i></span>
+            </div>
+            <p>处理</p>
+          </a>
+          <a class="add-node-popover-item condition" @click="addType(4)">
+            <div class="item-wrapper">
+              <span class="iconfont"><i class="fa fa-sitemap"></i></span>
+            </div>
+            <p>条件分支</p>
+          </a>
+        </div>
+        <template #reference>
+          <button class="btn" type="button">
+            <span class="iconfont"><i class="fa fa-plus"></i></span>
+          </button>
+        </template>
+      </el-popover>
+    </div>
+  </div>
 </template>
-<style  lang='scss' scoped>
-
-</style>
+<style lang="scss" scoped></style>
 <style scoped lang="less">
 .add-node-btn-box {
+  width: 240px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  position: relative;
+  &:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+    margin: auto;
+    width: 2px;
+    height: 100%;
+    background-color: #cacaca;
+  }
+  .add-node-btn {
+    user-select: none;
     width: 240px;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -ms-flex-negative: 0;
+    padding: 20px 0 32px;
+    display: flex;
+    -webkit-box-pack: center;
+    justify-content: center;
     flex-shrink: 0;
     -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    position: relative;
-    &:before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        z-index: -1;
-        margin: auto;
-        width: 2px;
-        height: 100%;
-        background-color: #cacaca
-    }
-    .add-node-btn {
-        user-select: none;
-        width: 240px;
-        padding: 20px 0 32px;
-        display: flex;
-        -webkit-box-pack: center;
-        justify-content: center;
-        flex-shrink: 0;
-        -webkit-box-flex: 1;
-        flex-grow: 1;
-        .btn {
-            outline: none;
-            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
-            width: 30px;
-            height: 30px;
-            background: #3296fa;
-            border-radius: 50%;
-            position: relative;
-            border: none;
-            line-height: 30px;
-            -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
-            transition: all .3s cubic-bezier(.645, .045, .355, 1);
-            .iconfont {
-                color: #fff;
-                font-size: 16px
-            }
-            &:hover {
-                transform: scale(1.3);
-                box-shadow: 0 13px 27px 0 rgba(0, 0, 0, .1)
-            }
-            &:active {
-                transform: none;
-                background: #1e83e9;
-                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
-            }
-        }
+    flex-grow: 1;
+    .btn {
+      outline: none;
+      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+      width: 30px;
+      height: 30px;
+      background: #3296fa;
+      border-radius: 50%;
+      position: relative;
+      border: none;
+      line-height: 30px;
+      -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      .iconfont {
+        color: #fff;
+        font-size: 16px;
+      }
+      &:hover {
+        transform: scale(1.3);
+        box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.1);
+      }
+      &:active {
+        transform: none;
+        background: #1e83e9;
+        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+      }
     }
+  }
 }
 </style>
 <style lang="less">
 .add-node-popover-body {
-    display: flex;
-    .add-node-popover-item {
-        margin-right: 10px;
-        cursor: pointer;
-        text-align: center;
-        flex: 1;
-        color: #191f25!important;
-        .item-wrapper {
-            user-select: none;
-            display: inline-block;
-            width: 80px;
-            height: 80px;
-            margin-bottom: 5px;
-            background: #fff;
-            border: 1px solid #e2e2e2;
-            border-radius: 50%;
-            transition: all .3s cubic-bezier(.645, .045, .355, 1);
-            .iconfont {
-                font-size: 35px;
-                line-height: 80px
-            }
-        }
-        &.approver{
-            .item-wrapper {
-                color: #ff943e
-            }
-        }
-        &.notifier{
-            .item-wrapper {
-                color: #3296fa
-            }
-        }
-        &.condition{
-            .item-wrapper {
-                color: #15bc83
-            }
-        }
-        &:hover{
-            .item-wrapper {
-                background: #3296fa;
-                box-shadow: 0 10px 20px 0 rgba(50, 150, 250, .4)
-            }
-            .iconfont {
-                color: #fff
-            }
-        }
-        &:active{
-            .item-wrapper {
-                box-shadow: none;
-                background: #eaeaea
-            }
-            .iconfont {
-                color: inherit
-            }
-        }
+  display: flex;
+  .add-node-popover-item {
+    margin-right: 10px;
+    cursor: pointer;
+    text-align: center;
+    flex: 1;
+    color: #191f25 !important;
+    .item-wrapper {
+      user-select: none;
+      display: inline-block;
+      width: 80px;
+      height: 80px;
+      margin-bottom: 5px;
+      background: #fff;
+      border: 1px solid #e2e2e2;
+      border-radius: 50%;
+      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      .iconfont {
+        font-size: 35px;
+        line-height: 80px;
+      }
+    }
+    &.approver {
+      .item-wrapper {
+        color: #ff943e;
+      }
+    }
+    &.notifier {
+      .item-wrapper {
+        color: #3296fa;
+      }
+    }
+    &.condition {
+      .item-wrapper {
+        color: #15bc83;
+      }
+    }
+    &:hover {
+      .item-wrapper {
+        background: #3296fa;
+        box-shadow: 0 10px 20px 0 rgba(50, 150, 250, 0.4);
+      }
+      .iconfont {
+        color: #fff;
+      }
+    }
+    &:active {
+      .item-wrapper {
+        box-shadow: none;
+        background: #eaeaea;
+      }
+      .iconfont {
+        color: inherit;
+      }
     }
+  }
 }
 </style>
diff --git a/src/components/workflow/dialog/matrix.vue b/src/components/workflow/dialog/matrix.vue
index 414bf0d..1d068e7 100644
--- a/src/components/workflow/dialog/matrix.vue
+++ b/src/components/workflow/dialog/matrix.vue
@@ -27,6 +27,7 @@ const props = defineProps({
         factorName: "",
         outcomeid: 0,
         outcomeName: "",
+        list: [],
       };
     },
   },
diff --git a/src/components/workflow/drwer/approverDrawer.vue b/src/components/workflow/drwer/approverDrawer.vue
index 280434f..e7a2f39 100644
--- a/src/components/workflow/drwer/approverDrawer.vue
+++ b/src/components/workflow/drwer/approverDrawer.vue
@@ -116,10 +116,10 @@ const matrixIsShow = ref(false);
 
 watch(approverConfig1, (val: any) => {
   val.value.attribute = val.value.attribute * 1;
-  console.log("directormaxlevel", val.value, val.type);
+  console.log("directormaxlevel", val.value, val.value.type);
   matrixIsShow.value = false;
   approverConfig.value = val.value;
-  if (val.type == 3) {
+  if (val.value.type == 3) {
     if (val.value.nodeName != "") {
       nodeTitle.value = val.value.nodeName + "设置";
     } else {