iking-web-ui-pro 0.0.1

package/dist/IKApprovalProcessDetail/index.es.js

@@ -0,0 +1,630 @@
+import { defineComponent as U, reactive as V, watch as W, nextTick as j, onMounted as H, resolveComponent as K, openBlock as o, createElementBlock as s, Fragment as _, renderList as N, createElementVNode as i, createCommentVNode as l, normalizeClass as S, toDisplayString as u, normalizeStyle as E, createTextVNode as P, createVNode as X, pushScopeId as q, popScopeId as G } from "vue";
+const J = (c, v) => {
+  if (c.install = (r) => {
+    for (const e of [c, ...Object.values(v ?? {})])
+      r.component(e.name, e);
+  }, v)
+    for (const [r, e] of Object.entries(v))
+      c[r] = e;
+  return c;
+};
+const I = (c) => (q("data-v-41886e6b"), c = c(), G(), c), Q = {
+  class: "approveProcess",
+  id: "approveProcess"
+}, Y = ["id"], Z = { class: "topBlock" }, ee = { class: "left" }, te = { class: "nodeBg" }, ae = ["src"], oe = { class: "right" }, se = { class: "topInfo" }, le = { key: 0 }, ne = {
+  key: 0,
+  class: "main-text"
+}, ie = { class: "name" }, re = { key: 0 }, pe = { key: 0 }, de = { key: 1 }, ue = /* @__PURE__ */ I(() => /* @__PURE__ */ i(
+  "span",
+  {
+    class: "red",
+    style: { margin: "0px 5px" }
+  },
+  "退回至",
+  -1
+  /* HOISTED */
+)), ce = { key: 0 }, fe = { key: 0 }, ve = { key: 1 }, _e = { key: 1 }, he = /* @__PURE__ */ I(() => /* @__PURE__ */ i(
+  "div",
+  { class: "main-text" },
+  "抄送人员",
+  -1
+  /* HOISTED */
+)), ye = { class: "name" }, ke = { key: 0 }, ge = { style: { color: "#000" } }, Fe = {
+  class: "blue",
+  style: { "margin-left": "5px", "font-size": "12px" }
+}, me = { key: 1 }, Ne = {
+  key: 0,
+  class: "blue",
+  style: { "font-size": "12px" }
+}, Te = { key: 1 }, be = {
+  key: 0,
+  class: "blue",
+  style: { "font-size": "12px" }
+}, xe = {
+  key: 1,
+  class: "blue",
+  style: { "font-size": "12px" }
+}, Oe = { class: "time" }, Pe = { key: 0 }, Se = { key: 1 }, Ie = ["onClick"], Le = ["onClick"], we = {
+  key: 0,
+  class: "opinion"
+}, ze = { key: 0 }, Be = { key: 1 }, je = /* @__PURE__ */ I(() => /* @__PURE__ */ i(
+  "span",
+  null,
+  "添加审批人",
+  -1
+  /* HOISTED */
+)), Ee = { style: { color: "var(--el-text-color-primary)", "margin-left": "8px" } }, De = {
+  key: 1,
+  class: "annex"
+}, Ae = ["onClick"], Ce = { class: "text" }, $e = { class: "fileName" }, Re = { class: "size" }, Me = {
+  key: 2,
+  class: "annexImage"
+}, Ue = {
+  key: 3,
+  class: "approveList"
+}, Ve = { class: "nodeBg-list" }, We = ["src"], He = {
+  key: 1,
+  class: "ikapprove ikapprove-duihao2 green read"
+}, Ke = ["title"], Xe = {
+  name: "IkingApprovalProcessDetail"
+}, qe = /* @__PURE__ */ U({
+  ...Xe,
+  props: {
+    // 是否本地打开
+    local: {
+      type: Boolean,
+      default: !1
+    },
+    // 状态数组
+    defaultStatus: {
+      type: Object,
+      default: () => ({})
+    },
+    // 节点类型
+    defaultNodeType: {
+      type: Object,
+      default: () => ({})
+    },
+    // 数据数组
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    // 字段映射
+    defaultFieldMap: {
+      type: Object,
+      default: () => ({})
+    },
+    // 退回的节点数组
+    returnNode: {
+      type: Array,
+      default: () => []
+    },
+    //文件访问地址
+    fileUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["preview"],
+  setup(c, { emit: v }) {
+    const r = c, e = V({
+      nodeType: {
+        发起人节点: "1",
+        审批节点: "2",
+        办理节点: "3",
+        抄送节点: "4",
+        ...r.defaultNodeType
+      },
+      statusOption: {
+        发起: "1",
+        等待: "2",
+        同意: "3",
+        拒绝: "4",
+        转交: "5",
+        加签: "6",
+        退回: "7",
+        撤销: "8",
+        评论: "9",
+        ...r.defaultStatus
+      },
+      listData: [],
+      defaultFile: {
+        id: "id",
+        nodeId: "nodeId",
+        nodeType: "nodeType",
+        nodeTypeName: "nodeTypeName",
+        approveStatus: "approveStatus",
+        approveStatusName: "approveStatusName",
+        originator: "originator",
+        operationTime: "operationTime",
+        approveType: "approveType",
+        approveTypeName: "approveTypeName",
+        multiExecutorTypeName: "multiExecutorTypeName",
+        approveOpinion: "approveOpinion",
+        countersignPer: "countersignPer",
+        backToRecordNodeName: "backToRecordNodeName",
+        attachment: "attachment",
+        attachmentParam: {
+          id: "id",
+          originName: "originName",
+          url: "url",
+          suffix: "suffix",
+          size: "size"
+        },
+        attachmentImg: "attachmentImg",
+        returnNode: "returnNode",
+        returnNodeName: "returnNodeName",
+        lineType: "lineType",
+        allRead: "allRead",
+        read: "read",
+        approvePersonList: [
+          {
+            id: "id",
+            name: "name",
+            approveState: "approveState",
+            approveTime: "approveTime",
+            approveOpinion: "approveOpinion",
+            userAvatar: "userAvatar",
+            accomplish: "accomplish"
+          }
+        ],
+        ...r.defaultFieldMap
+      }
+    });
+    W(
+      () => r.dataList,
+      (a) => {
+        a && (j(() => {
+          e.listData = a;
+        }), setTimeout(() => {
+          r.returnNode.length && T();
+        }, 500));
+      },
+      { deep: !0 }
+    ), H(() => {
+      r.dataList.length && (e.listData = r.dataList, setTimeout(() => {
+        r.returnNode.length && T();
+      }, 500));
+    });
+    const T = () => {
+      let a = null;
+      if (r != null && r.returnNode)
+        for (a of r == null ? void 0 : r.returnNode) {
+          if (isNaN(a[1]))
+            return;
+          let n = Array.from(new Array(a[1] + 1).keys()).slice(a[0]);
+          j(() => {
+            D(n);
+          });
+        }
+    }, D = (a) => {
+      var k, g, F;
+      let n = document.createElement("div"), d = document.getElementById("approveProcess"), t = 0, f = (k = document.getElementById(`${a[0]}`)) == null ? void 0 : k.offsetWidth, h = (g = document.getElementById(`${a[0]}`)) == null ? void 0 : g.offsetLeft, b = (F = document.getElementById(`${a[0]}`)) == null ? void 0 : F.offsetTop;
+      a.forEach((x) => {
+        let O = document.getElementById(`${x}`);
+        t += O.offsetHeight;
+      }), setTimeout(() => {
+        n.style.width = f + 32 + "px", n.style.height = t + "px", n.style.background = "#f9f9f9", n.style.position = "absolute", n.style.top = b - 16 + "px", n.style.left = h - 16 + "px", n.style.zIndex = -1, d == null || d.appendChild(n);
+      });
+    }, A = (a, n) => {
+      var f;
+      let d = (f = e.listData) == null ? void 0 : f.findIndex((h) => h.lineType == "dashed"), t = "";
+      switch (a) {
+        case e.statusOption.发起:
+          t = "ikapprove-duihao2 green";
+          break;
+        case e.statusOption.等待:
+          t = d == n ? "ikapprove-dengdai orange" : "";
+          break;
+        case e.statusOption.同意:
+          t = "ikapprove-duihao2 green";
+          break;
+        case e.statusOption.拒绝:
+          t = "ikapprove-jujue red";
+          break;
+        case e.statusOption.转交:
+          t = "ikapprove-zhuanjiao blue";
+          break;
+        case e.statusOption.加签:
+          t = "ikapprove-tianjia blue";
+          break;
+        case e.statusOption.退回:
+          t = "ikapprove-s_fanhui2 red";
+          break;
+        case e.statusOption.评论:
+          t = "ikapprove-pinglun1 blue";
+          break;
+      }
+      return `ikapprove ${t}`;
+    }, C = (a, n) => {
+      let d = "";
+      switch (a) {
+        case e.nodeType.发起人节点:
+          d = "ikapprove-ziyuan";
+          break;
+        case e.nodeType.审批节点:
+          n && n.length == 1 ? d = "ikapprove-ziyuan" : d = "ikapprove-shenpi";
+          break;
+        case e.nodeType.办理节点:
+          d = "ikapprove-bianji";
+          break;
+        case e.nodeType.抄送节点:
+          d = "ikapprove-chaosong";
+          break;
+        default:
+          d = "ikapprove-ziyuan";
+      }
+      return `ikapprove ${d}`;
+    }, $ = (a) => {
+      let n = "";
+      return a == "jpg" || a == "jpeg" || a == "png" ? n = "ikapprove-tupian" : a == "doc" || a == "docx" ? n = "ikapprove-WORD" : a == "xls" || a == "xlsx" ? n = "ikapprove-EXCEL" : a == "ppt" || a == "pptx" ? n = "ikapprove-pptcopy" : a == "pdf" ? n = "ikapprove-PDF" : a == "rar" || a == "zip" ? n = "ikapprove-fujian" : a == "txt" || a == "zip" ? n = "ikapprove-TXTCopy" : a == "mp3" || a == "wma" || a == "m4a" ? n = "ikapprove-yinpinwenjian" : (a == "avi" || a == "wmv" || a == "mp4" || a == "mov") && (n = "ikapprove-shipinwenjian"), `icon ikapprove ${n}`;
+    }, R = v, M = (a) => {
+      R("preview", a), r.local || window.open(y(a[e.defaultFile.attachmentParam.url]));
+    }, L = (a, n) => {
+      a.show = !a.show;
+      let d = document.getElementById(`${a[e.defaultFile.nodeId]}`), t = Array.from(d == null ? void 0 : d.getElementsByClassName("approveList"));
+      for (let f of t)
+        f.style.display = n;
+    }, y = (a) => {
+      let n = "";
+      return a.includes("http") || a.includes("https") ? n = a : n = r.fileUrl + a, n;
+    };
+    return (a, n) => {
+      const d = K("el-image");
+      return o(), s("div", Q, [
+        (o(!0), s(
+          _,
+          null,
+          N(e.listData, (t, f) => {
+            var h, b, k, g, F, x, O, w, z, B;
+            return o(), s("div", {
+              class: "approveBlock",
+              id: t[e.defaultFile.nodeId],
+              key: t[e.defaultFile.nodeId]
+            }, [
+              i("div", Z, [
+                i("div", ee, [
+                  i("span", te, [
+                    l(' 用户列表长度等于1， :src="formatUrl(it)"并且存在头像 '),
+                    ((h = t[e.defaultFile.approvePersonList]) == null ? void 0 : h.length) == 1 && t[e.defaultFile.approvePersonList][0].userAvatar ? (o(), s("img", {
+                      key: 0,
+                      style: { width: "100%", height: "100%", "border-radius": "50%" },
+                      src: y(t[e.defaultFile.approvePersonList][0].userAvatar),
+                      alt: ""
+                    }, null, 8, ae)) : (o(), s(
+                      _,
+                      { key: 1 },
+                      [
+                        l(" 否则显示对应节点 "),
+                        i(
+                          "i",
+                          {
+                            class: S(
+                              C(
+                                t[e.defaultFile.nodeType],
+                                t[e.defaultFile.approvePersonList]
+                              )
+                            )
+                          },
+                          null,
+                          2
+                          /* CLASS */
+                        )
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )),
+                    l(" 审批状态图标 "),
+                    i(
+                      "i",
+                      {
+                        class: S(
+                          A(t[e.defaultFile.approveStatus], f)
+                        )
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    )
+                  ])
+                ]),
+                i("div", oe, [
+                  i("div", se, [
+                    i("div", null, [
+                      l(" 不是抄送节点 "),
+                      t[e.defaultFile.nodeType] != e.nodeType.抄送节点 ? (o(), s("div", le, [
+                        l(" 撤销，评论不显示节点名称 "),
+                        t[e.defaultFile.approveStatus] != e.statusOption.撤销 && t[e.defaultFile.approveStatus] != e.statusOption.评论 ? (o(), s(
+                          "div",
+                          ne,
+                          u(t[e.defaultFile.nodeTypeName]),
+                          1
+                          /* TEXT */
+                        )) : l("v-if", !0),
+                        l(" 名字+审批状态 "),
+                        i("div", ie, [
+                          l(" 已审批节点文本 "),
+                          t[e.defaultFile.lineType] == "solid" ? (o(), s("div", re, [
+                            i(
+                              "span",
+                              {
+                                style: E({
+                                  color: t[e.defaultFile.approveStatus] == e.statusOption.评论 ? "#000" : ""
+                                })
+                              },
+                              u(t[e.defaultFile.originator]),
+                              5
+                              /* TEXT, STYLE */
+                            ),
+                            l(" 发起，退回不显示状态 "),
+                            t[e.defaultFile.approveStatusName] && t[e.defaultFile.approveStatus] != e.statusOption.发起 && t[e.defaultFile.approveStatus] != e.statusOption.退回 ? (o(), s(
+                              "span",
+                              pe,
+                              u(t[e.defaultFile.approveStatus] == e.statusOption.评论 ? " 添加了评论" : "（" + t[e.defaultFile.approveStatusName] + "）"),
+                              1
+                              /* TEXT */
+                            )) : l("v-if", !0),
+                            l(" 退回状态显示 "),
+                            t[e.defaultFile.approveStatus] == e.statusOption.退回 ? (o(), s("span", de, [
+                              ue,
+                              P(
+                                u(t[e.defaultFile.backToRecordNodeName]),
+                                1
+                                /* TEXT */
+                              )
+                            ])) : l("v-if", !0)
+                          ])) : (o(), s(
+                            _,
+                            { key: 1 },
+                            [
+                              l(" 待审批节点 "),
+                              i("div", null, [
+                                ((b = t[e.defaultFile.approvePersonList]) == null ? void 0 : b.length) == 1 ? (o(), s("span", ce, [
+                                  P(
+                                    u(t[e.defaultFile.originator]) + " ",
+                                    1
+                                    /* TEXT */
+                                  ),
+                                  t[e.defaultFile.approveStatus] == e.statusOption.等待 ? (o(), s(
+                                    "span",
+                                    fe,
+                                    u(`（${t[e.defaultFile.approveStatusName]}）`),
+                                    1
+                                    /* TEXT */
+                                  )) : l("v-if", !0)
+                                ])) : (o(), s(
+                                  "span",
+                                  ve,
+                                  u(((k = t[e.defaultFile.approvePersonList]) == null ? void 0 : k.length) + "人" + t[e.defaultFile.approveTypeName]),
+                                  1
+                                  /* TEXT */
+                                ))
+                              ])
+                            ],
+                            2112
+                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                          ))
+                        ])
+                      ])) : (o(), s("div", _e, [
+                        he,
+                        i("div", ye, [
+                          l(" 抄送一人时 "),
+                          ((g = t[e.defaultFile.approvePersonList]) == null ? void 0 : g.length) == 1 ? (o(), s("span", ke, [
+                            i("span", null, [
+                              P("已抄送给 "),
+                              i(
+                                "span",
+                                ge,
+                                u(t[e.defaultFile.approvePersonList][0].userName),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            i(
+                              "span",
+                              Fe,
+                              u(t[e.defaultFile.approvePersonList][0].status === "END" ? "已读" : "未读"),
+                              1
+                              /* TEXT */
+                            )
+                          ])) : l("v-if", !0),
+                          l(" 抄送多人时 "),
+                          ((F = t[e.defaultFile.approvePersonList]) == null ? void 0 : F.length) > 1 ? (o(), s("span", me, [
+                            P(
+                              u(`已抄送${(x = t[e.defaultFile.approvePersonList]) == null ? void 0 : x.length}人`) + " ",
+                              1
+                              /* TEXT */
+                            ),
+                            t[e.defaultFile.allRead] ? (o(), s("span", Ne, " 全部已读 ")) : (o(), s("span", Te, [
+                              t[e.defaultFile.read] ? l("v-if", !0) : (o(), s("span", be, " 全部未读 ")),
+                              t[e.defaultFile.read] ? (o(), s(
+                                "span",
+                                xe,
+                                u(t[e.defaultFile.read]) + "人已读 ",
+                                1
+                                /* TEXT */
+                              )) : l("v-if", !0)
+                            ]))
+                          ])) : l("v-if", !0)
+                        ])
+                      ]))
+                    ]),
+                    i("div", Oe, [
+                      l(" 不是抄送节点，展示时间 "),
+                      t[e.defaultFile.nodeType] != e.nodeType.抄送节点 ? (o(), s(
+                        "span",
+                        Pe,
+                        u(t[e.defaultFile.operationTime]),
+                        1
+                        /* TEXT */
+                      )) : l("v-if", !0),
+                      l(" 是抄送节点，并且抄送人员大于1时，展示图标 "),
+                      t[e.defaultFile.nodeType] == e.nodeType.抄送节点 && ((O = t[e.defaultFile.approvePersonList]) == null ? void 0 : O.length) > 1 ? (o(), s("span", Se, [
+                        t != null && t.show ? (o(), s("i", {
+                          key: 0,
+                          class: "ikapprove ikapprove-a-putongjiantouzhankai",
+                          onClick: (p) => L(t, "grid")
+                        }, null, 8, Ie)) : (o(), s("i", {
+                          key: 1,
+                          onClick: (p) => L(t, "none"),
+                          class: "ikapprove ikapprove-a-putongjiantoushouqi"
+                        }, null, 8, Le))
+                      ])) : l("v-if", !0)
+                    ])
+                  ])
+                ])
+              ]),
+              i(
+                "div",
+                {
+                  class: "bottomBlock",
+                  style: E({
+                    borderLeft: f == e.listData.length - 1 ? "" : `2px ${t[e.defaultFile.lineType]} var(--el-border-color)`
+                  })
+                },
+                [
+                  l(" 审批意见 "),
+                  t[e.defaultFile.approveOpinion] || t[e.defaultFile.approveStatus] == e.statusOption.加签 ? (o(), s("div", we, [
+                    t[e.defaultFile.approveOpinion] ? (o(), s(
+                      "span",
+                      ze,
+                      u(t[e.defaultFile.approveOpinion]),
+                      1
+                      /* TEXT */
+                    )) : l("v-if", !0),
+                    t[e.defaultFile.approveStatus] == e.statusOption.加签 ? (o(), s("span", Be, [
+                      je,
+                      (o(!0), s(
+                        _,
+                        null,
+                        N(t[e.defaultFile.countersignPer], (p, m) => (o(), s(
+                          "span",
+                          Ee,
+                          u(p == null ? void 0 : p.userName) + u(m < t[e.defaultFile.countersignPer].length - 1 ? "、" : ""),
+                          1
+                          /* TEXT */
+                        ))),
+                        256
+                        /* UNKEYED_FRAGMENT */
+                      ))
+                    ])) : l("v-if", !0)
+                  ])) : l("v-if", !0),
+                  l(" 附件 "),
+                  (w = t[e.defaultFile.attachment]) != null && w.length ? (o(), s("div", De, [
+                    (o(!0), s(
+                      _,
+                      null,
+                      N(t[e.defaultFile.attachment], (p, m) => (o(), s("div", {
+                        class: "file-card",
+                        key: m,
+                        onClick: (Qe) => M(p)
+                      }, [
+                        i(
+                          "div",
+                          {
+                            class: S($(p[e.defaultFile.attachmentParam.suffix]))
+                          },
+                          null,
+                          2
+                          /* CLASS */
+                        ),
+                        i("div", Ce, [
+                          i(
+                            "div",
+                            $e,
+                            u(p[e.defaultFile.attachmentParam.originName]),
+                            1
+                            /* TEXT */
+                          ),
+                          i(
+                            "div",
+                            Re,
+                            u((p[e.defaultFile.attachmentParam.size] / 1024 / 1024).toFixed(3)) + "MB ",
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ], 8, Ae))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : l("v-if", !0),
+                  l(" 附件图片 "),
+                  (z = t[e.defaultFile.attachmentImg]) != null && z.length ? (o(), s("div", Me, [
+                    (o(!0), s(
+                      _,
+                      null,
+                      N(t[e.defaultFile.attachmentImg], (p, m) => (o(), s("div", {
+                        class: "image",
+                        key: m
+                      }, [
+                        X(d, {
+                          src: y(p),
+                          fit: "cover",
+                          "z-index": "9999",
+                          "zoom-rate": 1.2,
+                          alt: y(p)
+                        }, null, 8, ["src", "alt"])
+                      ]))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : l("v-if", !0),
+                  l(" 抄送节点或是等待审批状态并且列表长度大于1 "),
+                  (t[e.defaultFile.nodeType] == e.nodeType.抄送节点 || t[e.defaultFile.approveStatus] == e.statusOption.等待) && ((B = t[e.defaultFile.approvePersonList]) == null ? void 0 : B.length) > 1 ? (o(), s("div", Ue, [
+                    (o(!0), s(
+                      _,
+                      null,
+                      N(t[e.defaultFile.approvePersonList], (p) => (o(), s("div", {
+                        class: "perBlock",
+                        key: p.userName
+                      }, [
+                        i("span", Ve, [
+                          p.userAvatar ? (o(), s("img", {
+                            key: 0,
+                            style: { width: "100%", height: "100%", "border-radius": "50%" },
+                            src: y(p.userAvatar),
+                            alt: ""
+                          }, null, 8, We)) : l("v-if", !0),
+                          i(
+                            "span",
+                            null,
+                            u(p.userName.slice(-2)),
+                            1
+                            /* TEXT */
+                          ),
+                          p.status === "END" ? (o(), s("i", He)) : l("v-if", !0)
+                        ]),
+                        i("div", {
+                          class: "main-text",
+                          title: p.userName
+                        }, u(p.userName), 9, Ke)
+                      ]))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : l("v-if", !0)
+                ],
+                4
+                /* STYLE */
+              )
+            ], 8, Y);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+const Ge = (c, v) => {
+  const r = c.__vccOpts || c;
+  for (const [e, T] of v)
+    r[e] = T;
+  return r;
+}, Je = /* @__PURE__ */ Ge(qe, [["__scopeId", "data-v-41886e6b"]]), Ze = J(Je);
+export {
+  Ze as IKApprovalProcessDetail,
+  Ze as default
+};

package/dist/IKApprovalProcessDetail/index.umd.js

@@ -0,0 +1 @@
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.index={},p.Vue))})(this,function(p,e){"use strict";const x=(i,d)=>{if(i.install=l=>{for(const t of[i,...Object.values(d??{})])l.component(t.name,t)},d)for(const[l,t]of Object.entries(d))i[l]=t;return i},Ie="",E=i=>(e.pushScopeId("data-v-41886e6b"),i=i(),e.popScopeId(),i),b={class:"approveProcess",id:"approveProcess"},D=["id"],O={class:"topBlock"},P={class:"left"},I={class:"nodeBg"},L=["src"],w={class:"right"},z={class:"topInfo"},j={key:0},A={key:0,class:"main-text"},$={class:"name"},R={key:0},M={key:0},U={key:1},K=E(()=>e.createElementVNode("span",{class:"red",style:{margin:"0px 5px"}},"退回至",-1)),W={key:0},q={key:0},H={key:1},X={key:1},G=E(()=>e.createElementVNode("div",{class:"main-text"},"抄送人员",-1)),J={class:"name"},Q={key:0},Y={style:{color:"#000"}},Z={class:"blue",style:{"margin-left":"5px","font-size":"12px"}},v={key:1},ee={key:0,class:"blue",style:{"font-size":"12px"}},te={key:1},oe={key:0,class:"blue",style:{"font-size":"12px"}},ae={key:1,class:"blue",style:{"font-size":"12px"}},ne={class:"time"},le={key:0},se={key:1},re=["onClick"],ie=["onClick"],ce={key:0,class:"opinion"},pe={key:0},de={key:1},me=E(()=>e.createElementVNode("span",null,"添加审批人",-1)),fe={style:{color:"var(--el-text-color-primary)","margin-left":"8px"}},ke={key:1,class:"annex"},_e=["onClick"],he={class:"text"},ye={class:"fileName"},Ne={class:"size"},ge={key:2,class:"annexImage"},Be={key:3,class:"approveList"},ue={class:"nodeBg-list"},Ee=["src"],Fe={key:1,class:"ikapprove ikapprove-duihao2 green read"},Ve=["title"],Te={name:"IkingApprovalProcessDetail"},Ce=e.defineComponent({...Te,props:{local:{type:Boolean,default:!1},defaultStatus:{type:Object,default:()=>({})},defaultNodeType:{type:Object,default:()=>({})},dataList:{type:Array,default:()=>[]},defaultFieldMap:{type:Object,default:()=>({})},returnNode:{type:Array,default:()=>[]},fileUrl:{type:String,default:""}},emits:["preview"],setup(i,{emit:d}){const l=i,t=e.reactive({nodeType:{发起人节点:"1",审批节点:"2",办理节点:"3",抄送节点:"4",...l.defaultNodeType},statusOption:{发起:"1",等待:"2",同意:"3",拒绝:"4",转交:"5",加签:"6",退回:"7",撤销:"8",评论:"9",...l.defaultStatus},listData:[],defaultFile:{id:"id",nodeId:"nodeId",nodeType:"nodeType",nodeTypeName:"nodeTypeName",approveStatus:"approveStatus",approveStatusName:"approveStatusName",originator:"originator",operationTime:"operationTime",approveType:"approveType",approveTypeName:"approveTypeName",multiExecutorTypeName:"multiExecutorTypeName",approveOpinion:"approveOpinion",countersignPer:"countersignPer",backToRecordNodeName:"backToRecordNodeName",attachment:"attachment",attachmentParam:{id:"id",originName:"originName",url:"url",suffix:"suffix",size:"size"},attachmentImg:"attachmentImg",returnNode:"returnNode",returnNodeName:"returnNodeName",lineType:"lineType",allRead:"allRead",read:"read",approvePersonList:[{id:"id",name:"name",approveState:"approveState",approveTime:"approveTime",approveOpinion:"approveOpinion",userAvatar:"userAvatar",accomplish:"accomplish"}],...l.defaultFieldMap}});e.watch(()=>l.dataList,a=>{a&&(e.nextTick(()=>{t.listData=a}),setTimeout(()=>{l.returnNode.length&&N()},500))},{deep:!0}),e.onMounted(()=>{l.dataList.length&&(t.listData=l.dataList,setTimeout(()=>{l.returnNode.length&&N()},500))});const N=()=>{let a=null;if(l!=null&&l.returnNode)for(a of l==null?void 0:l.returnNode){if(isNaN(a[1]))return;let n=Array.from(new Array(a[1]+1).keys()).slice(a[0]);e.nextTick(()=>{Se(n)})}},Se=a=>{var k,_,h;let n=document.createElement("div"),r=document.getElementById("approveProcess"),o=0,c=(k=document.getElementById(`${a[0]}`))==null?void 0:k.offsetWidth,m=(_=document.getElementById(`${a[0]}`))==null?void 0:_.offsetLeft,g=(h=document.getElementById(`${a[0]}`))==null?void 0:h.offsetTop;a.forEach(B=>{let u=document.getElementById(`${B}`);o+=u.offsetHeight}),setTimeout(()=>{n.style.width=c+32+"px",n.style.height=o+"px",n.style.background="#f9f9f9",n.style.position="absolute",n.style.top=g-16+"px",n.style.left=m-16+"px",n.style.zIndex=-1,r==null||r.appendChild(n)})},xe=(a,n)=>{var c;let r=(c=t.listData)==null?void 0:c.findIndex(m=>m.lineType=="dashed"),o="";switch(a){case t.statusOption.发起:o="ikapprove-duihao2 green";break;case t.statusOption.等待:o=r==n?"ikapprove-dengdai orange":"";break;case t.statusOption.同意:o="ikapprove-duihao2 green";break;case t.statusOption.拒绝:o="ikapprove-jujue red";break;case t.statusOption.转交:o="ikapprove-zhuanjiao blue";break;case t.statusOption.加签:o="ikapprove-tianjia blue";break;case t.statusOption.退回:o="ikapprove-s_fanhui2 red";break;case t.statusOption.评论:o="ikapprove-pinglun1 blue";break}return`ikapprove ${o}`},be=(a,n)=>{let r="";switch(a){case t.nodeType.发起人节点:r="ikapprove-ziyuan";break;case t.nodeType.审批节点:n&&n.length==1?r="ikapprove-ziyuan":r="ikapprove-shenpi";break;case t.nodeType.办理节点:r="ikapprove-bianji";break;case t.nodeType.抄送节点:r="ikapprove-chaosong";break;default:r="ikapprove-ziyuan"}return`ikapprove ${r}`},De=a=>{let n="";return a=="jpg"||a=="jpeg"||a=="png"?n="ikapprove-tupian":a=="doc"||a=="docx"?n="ikapprove-WORD":a=="xls"||a=="xlsx"?n="ikapprove-EXCEL":a=="ppt"||a=="pptx"?n="ikapprove-pptcopy":a=="pdf"?n="ikapprove-PDF":a=="rar"||a=="zip"?n="ikapprove-fujian":a=="txt"||a=="zip"?n="ikapprove-TXTCopy":a=="mp3"||a=="wma"||a=="m4a"?n="ikapprove-yinpinwenjian":(a=="avi"||a=="wmv"||a=="mp4"||a=="mov")&&(n="ikapprove-shipinwenjian"),`icon ikapprove ${n}`},Oe=d,Pe=a=>{Oe("preview",a),l.local||window.open(f(a[t.defaultFile.attachmentParam.url]))},V=(a,n)=>{a.show=!a.show;let r=document.getElementById(`${a[t.defaultFile.nodeId]}`),o=Array.from(r==null?void 0:r.getElementsByClassName("approveList"));for(let c of o)c.style.display=n},f=a=>{let n="";return a.includes("http")||a.includes("https")?n=a:n=l.fileUrl+a,n};return(a,n)=>{const r=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,(o,c)=>{var m,g,k,_,h,B,u,T,C,S;return e.openBlock(),e.createElementBlock("div",{class:"approveBlock",id:o[t.defaultFile.nodeId],key:o[t.defaultFile.nodeId]},[e.createElementVNode("div",O,[e.createElementVNode("div",P,[e.createElementVNode("span",I,[e.createCommentVNode(' 用户列表长度等于1， :src="formatUrl(it)"并且存在头像 '),((m=o[t.defaultFile.approvePersonList])==null?void 0:m.length)==1&&o[t.defaultFile.approvePersonList][0].userAvatar?(e.openBlock(),e.createElementBlock("img",{key:0,style:{width:"100%",height:"100%","border-radius":"50%"},src:f(o[t.defaultFile.approvePersonList][0].userAvatar),alt:""},null,8,L)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 否则显示对应节点 "),e.createElementVNode("i",{class:e.normalizeClass(be(o[t.defaultFile.nodeType],o[t.defaultFile.approvePersonList]))},null,2)],2112)),e.createCommentVNode(" 审批状态图标 "),e.createElementVNode("i",{class:e.normalizeClass(xe(o[t.defaultFile.approveStatus],c))},null,2)])]),e.createElementVNode("div",w,[e.createElementVNode("div",z,[e.createElementVNode("div",null,[e.createCommentVNode(" 不是抄送节点 "),o[t.defaultFile.nodeType]!=t.nodeType.抄送节点?(e.openBlock(),e.createElementBlock("div",j,[e.createCommentVNode(" 撤销，评论不显示节点名称 "),o[t.defaultFile.approveStatus]!=t.statusOption.撤销&&o[t.defaultFile.approveStatus]!=t.statusOption.评论?(e.openBlock(),e.createElementBlock("div",A,e.toDisplayString(o[t.defaultFile.nodeTypeName]),1)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 名字+审批状态 "),e.createElementVNode("div",$,[e.createCommentVNode(" 已审批节点文本 "),o[t.defaultFile.lineType]=="solid"?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{style:e.normalizeStyle({color:o[t.defaultFile.approveStatus]==t.statusOption.评论?"#000":""})},e.toDisplayString(o[t.defaultFile.originator]),5),e.createCommentVNode(" 发起，退回不显示状态 "),o[t.defaultFile.approveStatusName]&&o[t.defaultFile.approveStatus]!=t.statusOption.发起&&o[t.defaultFile.approveStatus]!=t.statusOption.退回?(e.openBlock(),e.createElementBlock("span",M,e.toDisplayString(o[t.defaultFile.approveStatus]==t.statusOption.评论?" 添加了评论":"（"+o[t.defaultFile.approveStatusName]+"）"),1)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 退回状态显示 "),o[t.defaultFile.approveStatus]==t.statusOption.退回?(e.openBlock(),e.createElementBlock("span",U,[K,e.createTextVNode(e.toDisplayString(o[t.defaultFile.backToRecordNodeName]),1)])):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 待审批节点 "),e.createElementVNode("div",null,[((g=o[t.defaultFile.approvePersonList])==null?void 0:g.length)==1?(e.openBlock(),e.createElementBlock("span",W,[e.createTextVNode(e.toDisplayString(o[t.defaultFile.originator])+" ",1),o[t.defaultFile.approveStatus]==t.statusOption.等待?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(`（${o[t.defaultFile.approveStatusName]}）`),1)):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(((k=o[t.defaultFile.approvePersonList])==null?void 0:k.length)+"人"+o[t.defaultFile.approveTypeName]),1))])],2112))])])):(e.openBlock(),e.createElementBlock("div",X,[G,e.createElementVNode("div",J,[e.createCommentVNode(" 抄送一人时 "),((_=o[t.defaultFile.approvePersonList])==null?void 0:_.length)==1?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,[e.createTextVNode("已抄送给 "),e.createElementVNode("span",Y,e.toDisplayString(o[t.defaultFile.approvePersonList][0].userName),1)]),e.createElementVNode("span",Z,e.toDisplayString(o[t.defaultFile.approvePersonList][0].status==="END"?"已读":"未读"),1)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 抄送多人时 "),((h=o[t.defaultFile.approvePersonList])==null?void 0:h.length)>1?(e.openBlock(),e.createElementBlock("span",v,[e.createTextVNode(e.toDisplayString(`已抄送${(B=o[t.defaultFile.approvePersonList])==null?void 0:B.length}人`)+" ",1),o[t.defaultFile.allRead]?(e.openBlock(),e.createElementBlock("span",ee," 全部已读 ")):(e.openBlock(),e.createElementBlock("span",te,[o[t.defaultFile.read]?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",oe," 全部未读 ")),o[t.defaultFile.read]?(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(o[t.defaultFile.read])+"人已读 ",1)):e.createCommentVNode("v-if",!0)]))])):e.createCommentVNode("v-if",!0)])]))]),e.createElementVNode("div",ne,[e.createCommentVNode(" 不是抄送节点，展示时间 "),o[t.defaultFile.nodeType]!=t.nodeType.抄送节点?(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(o[t.defaultFile.operationTime]),1)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 是抄送节点，并且抄送人员大于1时，展示图标 "),o[t.defaultFile.nodeType]==t.nodeType.抄送节点&&((u=o[t.defaultFile.approvePersonList])==null?void 0:u.length)>1?(e.openBlock(),e.createElementBlock("span",se,[o!=null&&o.show?(e.openBlock(),e.createElementBlock("i",{key:0,class:"ikapprove ikapprove-a-putongjiantouzhankai",onClick:s=>V(o,"grid")},null,8,re)):(e.openBlock(),e.createElementBlock("i",{key:1,onClick:s=>V(o,"none"),class:"ikapprove ikapprove-a-putongjiantoushouqi"},null,8,ie))])):e.createCommentVNode("v-if",!0)])])])]),e.createElementVNode("div",{class:"bottomBlock",style:e.normalizeStyle({borderLeft:c==t.listData.length-1?"":`2px ${o[t.defaultFile.lineType]} var(--el-border-color)`})},[e.createCommentVNode(" 审批意见 "),o[t.defaultFile.approveOpinion]||o[t.defaultFile.approveStatus]==t.statusOption.加签?(e.openBlock(),e.createElementBlock("div",ce,[o[t.defaultFile.approveOpinion]?(e.openBlock(),e.createElementBlock("span",pe,e.toDisplayString(o[t.defaultFile.approveOpinion]),1)):e.createCommentVNode("v-if",!0),o[t.defaultFile.approveStatus]==t.statusOption.加签?(e.openBlock(),e.createElementBlock("span",de,[me,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o[t.defaultFile.countersignPer],(s,y)=>(e.openBlock(),e.createElementBlock("span",fe,e.toDisplayString(s==null?void 0:s.userName)+e.toDisplayString(y<o[t.defaultFile.countersignPer].length-1?"、":""),1))),256))])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 附件 "),(T=o[t.defaultFile.attachment])!=null&&T.length?(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o[t.defaultFile.attachment],(s,y)=>(e.openBlock(),e.createElementBlock("div",{class:"file-card",key:y,onClick:je=>Pe(s)},[e.createElementVNode("div",{class:e.normalizeClass(De(s[t.defaultFile.attachmentParam.suffix]))},null,2),e.createElementVNode("div",he,[e.createElementVNode("div",ye,e.toDisplayString(s[t.defaultFile.attachmentParam.originName]),1),e.createElementVNode("div",Ne,e.toDisplayString((s[t.defaultFile.attachmentParam.size]/1024/1024).toFixed(3))+"MB ",1)])],8,_e))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 附件图片 "),(C=o[t.defaultFile.attachmentImg])!=null&&C.length?(e.openBlock(),e.createElementBlock("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o[t.defaultFile.attachmentImg],(s,y)=>(e.openBlock(),e.createElementBlock("div",{class:"image",key:y},[e.createVNode(r,{src:f(s),fit:"cover","z-index":"9999","zoom-rate":1.2,alt:f(s)},null,8,["src","alt"])]))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 抄送节点或是等待审批状态并且列表长度大于1 "),(o[t.defaultFile.nodeType]==t.nodeType.抄送节点||o[t.defaultFile.approveStatus]==t.statusOption.等待)&&((S=o[t.defaultFile.approvePersonList])==null?void 0:S.length)>1?(e.openBlock(),e.createElementBlock("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o[t.defaultFile.approvePersonList],s=>(e.openBlock(),e.createElementBlock("div",{class:"perBlock",key:s.userName},[e.createElementVNode("span",ue,[s.userAvatar?(e.openBlock(),e.createElementBlock("img",{key:0,style:{width:"100%",height:"100%","border-radius":"50%"},src:f(s.userAvatar),alt:""},null,8,Ee)):e.createCommentVNode("v-if",!0),e.createElementVNode("span",null,e.toDisplayString(s.userName.slice(-2)),1),s.status==="END"?(e.openBlock(),e.createElementBlock("i",Fe)):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",{class:"main-text",title:s.userName},e.toDisplayString(s.userName),9,Ve)]))),128))])):e.createCommentVNode("v-if",!0)],4)],8,D)}),128))])}}}),Le="",F=x(((i,d)=>{const l=i.__vccOpts||i;for(const[t,N]of d)l[t]=N;return l})(Ce,[["__scopeId","data-v-41886e6b"]]));p.IKApprovalProcessDetail=F,p.default=F,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IKApprovalProcessDetail/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "IKApprovalProcessDetail",
+  "version": "0.0.1",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}