ui-process-h5 0.1.23 → 0.1.25

package/lib/index.js

@@ -1,596 +0,0 @@
-import { defineComponent as N, ref as _, watch as D, onMounted as O, openBlock as n, createElementBlock as r, createElementVNode as t, Fragment as g, renderList as S, normalizeClass as H, toDisplayString as v, createCommentVNode as m, withDirectives as R, renderSlot as k, vShow as Y, pushScopeId as W, popScopeId as z, normalizeStyle as A, computed as U, resolveComponent as F, createVNode as M, withCtx as P, createBlock as G, createTextVNode as q } from "vue";
-const K = N({
-  name: "TopTab",
-  props: {
-    /**
-     * 根据参数插入自定义tab
-     * label:选项卡title
-     * key:选项卡ID 请勿重复defaultTabList内已拥有的默认key
-     * type:插槽类型 "slot" "default"
-     * sort:排序参数,无参数默认插入末尾
-     * slot:插槽name
-     */
-    tapList: {
-      type: Array,
-      default: () => []
-    },
-    // 自定义tab (传入后  默认tab,tapList,失效)
-    selfTapList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(e) {
-    const s = _(
-      "http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="
-    ), f = _([
-      {
-        actionName: "提交",
-        activityName: "部门负责人",
-        createDate: "2023-04-20 14:47:35",
-        createUser: "18ccbf63229f0c79f39940ae284c111e",
-        createUserName: "朱鸿飞",
-        customUniqueId: "",
-        departmentName: "测试部",
-        id: "88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",
-        metaAnnexList: null,
-        msg: "同意",
-        positionName: "测试部119147",
-        processInstId: "1f6e7196-e1ea-428e-b295-aa23a54a2402",
-        taskInstId: "38bbef1c-efbb-456d-bd79-08ed9d96b4b3"
-      }
-    ]), i = _(""), c = _([
-      {
-        label: "基本信息",
-        key: "a",
-        type: "default",
-        slot: "default"
-      },
-      {
-        label: "流程图",
-        key: "b",
-        type: "default",
-        slot: "tab2"
-      },
-      {
-        label: "审批记录",
-        key: "c",
-        type: "default",
-        slot: "tab3"
-      }
-    ]), d = _([
-      {
-        label: "基本信息",
-        key: "a",
-        type: "default",
-        slot: "default"
-      },
-      {
-        label: "流程图",
-        key: "b",
-        type: "default",
-        slot: "tab2"
-      },
-      {
-        label: "审批记录",
-        key: "c",
-        type: "default",
-        slot: "tab3"
-      }
-    ]), a = _(), y = (l, b) => {
-      l !== i.value && (i.value = l, p(b));
-    }, p = (l) => {
-      if (a.value.length) {
-        let b = document.getElementsByClassName("bottom-line")[0], u;
-        if (b.offsetWidth < a.value[l].offsetWidth - 10) {
-          let h = (a.value[l].offsetWidth - b.offsetWidth - 10) / 2;
-          u = `${a.value[l].offsetLeft + h}px`;
-        } else if (b.offsetWidth > a.value[l].offsetWidth - 10) {
-          let h = (b.offsetWidth - a.value[l].offsetWidth + 10) / 2;
-          u = `${a.value[l].offsetLeft - h}px`;
-        } else
-          u = `${a.value[l].offsetLeft}px`;
-        b.style.transition = ".3s", b.style.transform = `translateX(${u})`;
-      }
-    };
-    return D(
-      () => e.selfTapList,
-      (l, b) => {
-        l.length && (d.value = [].concat(l), i.value = d.value[0].key);
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), D(
-      () => e.tapList,
-      (l, b) => {
-        e.selfTapList.length || (d.value = [].concat(c.value), l.length > 0 && l.forEach((u, h) => {
-          u.sort && u.sort > 1 ? d.value.splice(u.sort - 1, 0, u) : u.sort == 1 ? d.value.unshift(u) : d.value.push(u);
-        }), i.value = d.value[0].key);
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), O(() => {
-      p(0);
-    }), {
-      isTapList: d,
-      active: i,
-      handleActive: y,
-      label: a,
-      taskCommentList: f,
-      trackUrl: s
-    };
-  }
-});
-const w = (e, s) => {
-  const f = e.__vccOpts || e;
-  for (const [i, c] of s)
-    f[i] = c;
-  return f;
-}, $ = (e) => (W("data-v-baad7ff1"), e = e(), z(), e), X = { class: "tops-tab" }, J = { class: "tops-tab-header" }, Q = ["onClick"], Z = {
-  key: 0,
-  class: "bottom-line"
-}, x = { class: "tops-tab-body" }, ee = ["src"], te = {
-  key: 1,
-  class: "textnone"
-}, se = { class: "seal-list__item--option" }, ae = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "节点名称", -1)), oe = { class: "seal-list__item--option" }, ne = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批人", -1)), le = { class: "seal-list__item--option" }, ue = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批操作", -1)), re = { class: "seal-list__item--option" }, ie = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批意见", -1)), ce = ["innerHTML"], de = { class: "seal-list__item--option" }, pe = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批时间", -1)), fe = {
-  key: 0,
-  class: "seal-list__item--attch"
-}, me = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "查看附件", -1)), be = [
-  me
-], _e = {
-  key: 1,
-  class: "textnone"
-};
-function ve(e, s, f, i, c, d) {
-  return n(), r("div", X, [
-    t("div", J, [
-      (n(!0), r(g, null, S(e.isTapList, (a, y) => (n(), r("div", {
-        class: H(["tops-tab-header-items", [a.key === e.active ? "active" : ""]]),
-        onClick: (p) => e.handleActive(a.key, y),
-        ref_for: !0,
-        ref: "label"
-      }, v(a.label), 11, Q))), 256)),
-      e.isTapList.length ? (n(), r("div", Z)) : m("", !0)
-    ]),
-    t("div", x, [
-      (n(!0), r(g, null, S(e.isTapList, (a) => R((n(), r("div", {
-        key: a.key,
-        style: { height: "calc(100% - 45px)" }
-      }, [
-        a.key === "a" && a.type === "default" ? k(e.$slots, "default", { key: 0 }, void 0, !0) : m("", !0),
-        a.key === "b" && a.type === "default" ? k(e.$slots, a.slot, { key: 1 }, () => [
-          e.trackUrl ? (n(), r("iframe", {
-            key: 0,
-            src: e.trackUrl,
-            style: { width: "100%", "min-height": "500px", border: "none" },
-            scrolling: "no",
-            frameborder: "0"
-          }, null, 8, ee)) : (n(), r("div", te, " 暂无流程图 "))
-        ], !0) : m("", !0),
-        a.key === "c" && a.type === "default" ? k(e.$slots, a.slot, { key: 2 }, () => {
-          var y;
-          return [
-            ((y = e.taskCommentList) == null ? void 0 : y.length) > 0 ? (n(!0), r(g, { key: 0 }, S(e.taskCommentList, (p, l) => (n(), r("div", {
-              key: p.id,
-              class: "seal-list__item"
-            }, [
-              t("div", null, [
-                t("div", se, [
-                  ae,
-                  t("span", null, v(p.activityName), 1)
-                ]),
-                t("div", oe, [
-                  ne,
-                  t("span", null, v(p.createUserName), 1)
-                ]),
-                t("div", le, [
-                  ue,
-                  t("span", null, v(p.actionName), 1)
-                ]),
-                t("div", re, [
-                  ie,
-                  t("span", {
-                    innerHTML: p.msg
-                  }, null, 8, ce)
-                ]),
-                t("div", de, [
-                  pe,
-                  t("span", null, v(p.createDate), 1)
-                ]),
-                p.metaAnnexList && p.metaAnnexList.length ? (n(), r("div", fe, be)) : m("", !0)
-              ])
-            ]))), 128)) : (n(), r("div", _e, "暂无数据"))
-          ];
-        }, !0) : m("", !0),
-        a.type == "slot" ? k(e.$slots, a.slot, { key: 3 }, void 0, !0) : m("", !0)
-      ])), [
-        [Y, e.active === a.key]
-      ])), 128))
-    ])
-  ]);
-}
-const B = /* @__PURE__ */ w(K, [["render", ve], ["__scopeId", "data-v-baad7ff1"]]);
-B.install = function(e) {
-  return e.component(B.name, B), e;
-};
-const he = N({
-  name: "TopPopup",
-  props: {
-    titleText: { default: "top-popup", type: String },
-    cancelText: { default: "取消", type: String },
-    comfigText: { default: "确定", type: String },
-    comfig: { default: null, type: Function },
-    cancel: { default: null, type: Function },
-    isMask: { require: !1, default: !0, type: Boolean },
-    isMaskClose: { require: !1, default: !0, type: Boolean }
-  },
-  setup(e) {
-    const s = _(!1), f = () => {
-      s.value = !0;
-    }, i = () => {
-      typeof e.cancel == "function" && e.cancel(), d();
-    }, c = () => {
-      typeof e.comfig == "function" && e.comfig();
-    }, d = () => {
-      s.value = !1;
-    };
-    return O(() => {
-      document.querySelector("body");
-    }), {
-      handleOpen: f,
-      handleCancel: i,
-      handleComfig: c,
-      handleClose: d,
-      show: s
-    };
-  }
-});
-const ye = { class: "top-popup-header" }, ke = { class: "header-title" }, ge = { class: "top-popup-body" };
-function $e(e, s, f, i, c, d) {
-  return n(), r(g, null, [
-    t("div", {
-      class: "top-popup",
-      style: A(
-        e.show ? "transform: translateY(0)" : "transform: translateY(100%)"
-      )
-    }, [
-      t("div", ye, [
-        t("div", {
-          class: "header-cancel",
-          onClick: s[0] || (s[0] = (...a) => e.handleCancel && e.handleCancel(...a))
-        }, v(e.cancelText), 1),
-        t("div", ke, v(e.titleText), 1),
-        t("div", {
-          class: "header-comfig",
-          onClick: s[1] || (s[1] = (...a) => e.handleComfig && e.handleComfig(...a))
-        }, v(e.comfigText), 1)
-      ]),
-      t("div", ge, [
-        k(e.$slots, "default", {}, void 0, !0)
-      ])
-    ], 4),
-    e.show && e.isMask ? (n(), r("div", {
-      key: 0,
-      class: "top-popup-mask",
-      onClick: s[2] || (s[2] = (a) => e.isMaskClose && e.handleClose())
-    })) : m("", !0)
-  ], 64);
-}
-const T = /* @__PURE__ */ w(he, [["render", $e], ["__scopeId", "data-v-474e328a"]]);
-T.install = function(e) {
-  return console.log("TopPopup.install", e), e.mount(T), e.component(T.name, T), e;
-};
-const Ce = N({
-  name: "TopButton",
-  props: {
-    type: { default: "default", type: String }
-  },
-  setup(e) {
-    const s = _({
-      textColor: "#fff",
-      bckColor: "3c9cff"
-    });
-    switch (e.type) {
-      case "primary":
-        s.value.textColor = "#fff", s.value.bckColor = "#3c9cff";
-        break;
-      case "danger":
-        s.value.textColor = "rgb(255, 96, 96)", s.value.bckColor = "rgb(255, 230, 230)";
-        break;
-      case "default":
-        s.value.textColor = "rgb(51, 51, 51)", s.value.bckColor = "rgb(241, 241, 241)";
-        break;
-    }
-    return {
-      style: s
-    };
-  }
-});
-function Te(e, s, f, i, c, d) {
-  return n(), r("div", {
-    class: "top-button",
-    style: A(`background-color:${e.style.bckColor};color:${e.style.textColor}`)
-  }, [
-    k(e.$slots, "default", {}, void 0, !0)
-  ], 4);
-}
-const L = /* @__PURE__ */ w(Ce, [["render", Te], ["__scopeId", "data-v-156a54e6"]]);
-L.install = function(e) {
-  return e.component(L.name, L), e;
-};
-const Be = N({
-  name: "TopProcess",
-  components: {
-    TopTab: B,
-    TopPopup: T,
-    TopButton: L
-  },
-  props: {
-    tapList: { require: !1, default: () => [], type: Array },
-    processId: { require: !0, default: "", type: String },
-    processDefId: { require: !0, default: "", type: String },
-    taskId: { require: !0, default: "", type: String },
-    isAdditional: { require: !1, default: !1, type: Boolean },
-    isView: { default: !1, type: Boolean }
-  },
-  setup(e) {
-    const s = _({}), f = _(), i = _([
-      {
-        taskId: "ecd82a93-4a62-42a7-b7bd-df38d2f1609a",
-        taskState: 1,
-        nodeId: "obj_026aac284c1a4303854f978b674be4b9",
-        customUniqueId: "",
-        nodeName: "部门负责人"
-      }
-    ]), c = _({
-      id: "obj_026aac284c1a4303854f978b674be4b9",
-      name: "部门负责人",
-      no: "1",
-      buttons: [],
-      ccTaskButtonLabel: "",
-      ccTaskButtonAnnex: null,
-      completeButtonLabel: "同意",
-      completeButtonAnnex: null,
-      delegateTaskButtonLabel: "转办",
-      delegateTaskButtonAnnex: null,
-      printFormButtonLabel: "",
-      supplyUnusualTransferButtonLabel: "",
-      readingOfficeLabel: "",
-      readingOfficeButtonAnnex: null,
-      jointlySignLabel: "",
-      jointlySignButtonAnnex: null,
-      counterSignLabel: "加签",
-      counterSignButtonAnnex: null,
-      coordinationLabel: "",
-      coordinationButtonAnnex: null,
-      otherButtonAnnexList: null,
-      humanPerformer: {
-        id: "obj_2bd3494ae5c54309b7f2ea452921790b",
-        name: "任意指定",
-        resourceAssignmentExpressionModel: {
-          formalExpression: ""
-        }
-      },
-      commentModels: [
-        {
-          actionName: "提交",
-          isDefault: !0
-        },
-        {
-          actionName: "作废",
-          isDefault: !1
-        }
-      ],
-      routeTxt: {
-        departmentIds: null,
-        companyIds: null,
-        teamList: null,
-        routeType: "DynamicUsers"
-      },
-      loopCardinality: 1,
-      isHistoryRoute: !1,
-      participantList: null,
-      historyRoute: !1
-    });
-    D(
-      () => e.processId,
-      (u, h) => {
-        u && (s.value = {
-          status: "审批中",
-          createUid: "18ccbf63229f0c79f39940ae284c111e",
-          createTopUserId: "128ec9c9b7f26135272596fe01c57690",
-          createTime: "2023-04-20 15:01:48",
-          currUserName: "朱鸿飞",
-          allUserNames: ["朱鸿飞"],
-          userNodeGroup: {
-            分管领导: ["朱鸿飞"]
-          },
-          appId: "com.awspaas.user.apps.top.study.project",
-          statusCode: "1",
-          statusName: "审批中",
-          bizStatusName: "审批中",
-          taskState: 1
-        });
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), console.log("asd", i.value[0].taskState);
-    const d = U(() => {
-      var j, V;
-      let u = [], h = i.value && i.value[0] && i.value[0].taskState != 4;
-      if (h && !e.isView && c.value.completeButtonLabel) {
-        let o = {};
-        o.name = c.value.completeButtonLabel, o.btnProps = { type: "primary" }, u.push(o);
-      }
-      if (h && !e.isView && s.value.currUserName) {
-        let o = {};
-        o.name = "拒绝", o.btnProps = { type: "danger" }, u.push(o);
-      }
-      if (h && !e.isView && c.value.buttons && c.value.buttons.length && c.value.buttons.forEach((o) => {
-        if (o.label === "退回") {
-          let E = {};
-          E.name = o.label, E.btnProps = { type: "danger" }, u.push(E);
-        }
-      }), h && !e.isView && c.value.delegateTaskButtonLabel) {
-        let o = {};
-        o.name = c.value.delegateTaskButtonLabel, o.btnProps = { type: "default" }, u.push(o);
-      }
-      if (e.processId && s.value.createTopUserId == e.userId && ((j = i.value[0]) == null ? void 0 : j.taskState) != 2 && s.value.status !== "已驳回" && s.value.status !== "已撤销") {
-        let o = {};
-        o.name = "催办", o.btnProps = { type: "default" }, u.push(o);
-      }
-      if (e.processId && s.value.createTopUserId == e.userId && ((V = i.value[0]) == null ? void 0 : V.taskState) != 2 && s.value.status !== "已驳回" && s.value.status !== "已撤销") {
-        let o = {};
-        o.name = "撤销", o.btnProps = { type: "default" }, u.push(o);
-      }
-      if (h && !e.isView && c.value.counterSignLabel) {
-        let o = {};
-        o.name = c.value.counterSignLabel, o.btnProps = { type: "primary" }, u.push(o);
-      }
-      return u;
-    }), a = U(() => d.value.length > 3 ? d.value.slice(3) : []), y = () => {
-      console.log("handleCancel");
-    }, p = () => {
-      console.log("handleComfig", "确定按钮"), f.value.handleClose();
-    }, l = U(() => "calc(100vh - 205px)");
-    return {
-      processStatus: s,
-      processCardHeight: l,
-      handleTest: () => {
-        f.value.handleOpen();
-      },
-      TopPopup1: f,
-      handleCancel: y,
-      handleComfig: p,
-      operBtn: d,
-      actionBtn: a
-    };
-  },
-  methods: {
-    getColor(e) {
-      return e == "审核中" ? "#FFA52D" : e == "已驳回" ? "#F14B4C" : e == "已撤销" ? "#CECECE" : e == "已完成" ? "#6DC743" : "#1389FF";
-    }
-  }
-});
-const C = (e) => (W("data-v-41bcbb23"), e = e(), z(), e), Se = { class: "process-warp" }, Le = {
-  key: 0,
-  class: "process-main"
-}, Ie = { class: "process-ml-item border" }, Ae = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "流程状态", -1)), Ne = { class: "process-mli-value" }, we = { class: "process-ml-item border" }, Ee = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "流程发起时间", -1)), Ue = { class: "process-mli-value" }, Fe = {
-  key: 0,
-  class: "process-ml-item"
-}, Pe = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "审批节点", -1)), De = { class: "process-mli-value" }, je = { class: "process-mliv-jd" }, Ve = {
-  key: 1,
-  class: "process-foot"
-}, Me = { class: "footBtnRow" }, qe = { class: "process-btn" }, Oe = {
-  key: 1,
-  class: "elips"
-}, We = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), ze = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), He = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), Re = [
-  We,
-  ze,
-  He
-];
-function Ye(e, s, f, i, c, d) {
-  const a = F("TopTab"), y = F("TopButton"), p = F("TopPopup");
-  return n(), r(g, null, [
-    t("div", Se, [
-      e.processStatus.status ? (n(), r("div", Le, [
-        t("div", Ie, [
-          Ae,
-          t("div", Ne, [
-            e.processStatus.status || e.processStatus.bizStatusName ? (n(), r("div", {
-              key: 0,
-              class: "process-mliv-dd",
-              style: A({ background: e.getColor(e.processStatus.status) })
-            }, v(e.processStatus.bizStatusName ? e.processStatus.bizStatusName : e.processStatus.status), 5)) : m("", !0)
-          ])
-        ]),
-        t("div", we, [
-          Ee,
-          t("div", Ue, [
-            t("span", null, v(e.processStatus.createTime), 1)
-          ])
-        ]),
-        e.processStatus.allUserNames && e.processStatus.allUserNames.length ? (n(), r("div", Fe, [
-          Pe,
-          t("div", De, [
-            t("span", je, v(`${e.processStatus.taskState == 4 ? e.processStatus.currUserName : e.processStatus.allUserNames.toString()}审批中`), 1)
-          ])
-        ])) : m("", !0)
-      ])) : m("", !0),
-      t("div", {
-        class: "process-card",
-        style: A({ height: e.processCardHeight })
-      }, [
-        M(a, { tapList: e.tapList }, {
-          default: P(() => [
-            k(e.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["tapList"])
-      ], 4),
-      e.isAdditional ? (n(), r("div", Ve, [
-        t("div", Me, [
-          k(e.$slots, "btn", {}, void 0, !0)
-        ])
-      ])) : m("", !0),
-      t("div", qe, [
-        e.processStatus.status != "已完成" ? (n(!0), r(g, { key: 0 }, S(e.operBtn, (l, b) => (n(), r(g, {
-          key: l.name
-        }, [
-          b < 3 ? (n(), G(y, {
-            key: 0,
-            onClick: e.handleTest,
-            type: l.btnProps.type
-          }, {
-            default: P(() => [
-              q(v(l.name), 1)
-            ]),
-            _: 2
-          }, 1032, ["onClick", "type"])) : m("", !0)
-        ], 64))), 128)) : m("", !0),
-        e.operBtn.length > 3 ? (n(), r("div", Oe, Re)) : m("", !0)
-      ])
-    ]),
-    M(p, {
-      ref: "TopPopup1",
-      cancel: e.handleCancel,
-      comfig: e.handleComfig
-    }, {
-      default: P(() => [
-        q(" csaasd1 ")
-      ]),
-      _: 1
-    }, 8, ["cancel", "comfig"])
-  ], 64);
-}
-const I = /* @__PURE__ */ w(Be, [["render", Ye], ["__scopeId", "data-v-41bcbb23"]]);
-I.install = function(e) {
-  return e.component(I.name, I), e;
-};
-const Ge = [B, I], Ke = function(e) {
-  Ge.forEach((s) => {
-    e.use(s);
-  });
-}, Je = {
-  install: Ke
-};
-export {
-  I as TopProcess,
-  B as TopTab,
-  Je as default
-};

package/lib/index.umd.cjs

@@ -1 +0,0 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.Index={},_.Vue))})(this,function(_,e){"use strict";const V=e.defineComponent({name:"TopTab",props:{tapList:{type:Array,default:()=>[]},selfTapList:{type:Array,default:()=>[]}},setup(t){const o=e.ref("http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="),p=e.ref([{actionName:"提交",activityName:"部门负责人",createDate:"2023-04-20 14:47:35",createUser:"18ccbf63229f0c79f39940ae284c111e",createUserName:"朱鸿飞",customUniqueId:"",departmentName:"测试部",id:"88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",metaAnnexList:null,msg:"同意",positionName:"测试部119147",processInstId:"1f6e7196-e1ea-428e-b295-aa23a54a2402",taskInstId:"38bbef1c-efbb-456d-bd79-08ed9d96b4b3"}]),r=e.ref(""),c=e.ref([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),i=e.ref([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),s=e.ref(),f=(a,m)=>{a!==r.value&&(r.value=a,d(m))},d=a=>{if(s.value.length){let m=document.getElementsByClassName("bottom-line")[0],l;if(m.offsetWidth<s.value[a].offsetWidth-10){let u=(s.value[a].offsetWidth-m.offsetWidth-10)/2;l=`${s.value[a].offsetLeft+u}px`}else if(m.offsetWidth>s.value[a].offsetWidth-10){let u=(m.offsetWidth-s.value[a].offsetWidth+10)/2;l=`${s.value[a].offsetLeft-u}px`}else l=`${s.value[a].offsetLeft}px`;m.style.transition=".3s",m.style.transform=`translateX(${l})`}};return e.watch(()=>t.selfTapList,(a,m)=>{a.length&&(i.value=[].concat(a),r.value=i.value[0].key)},{immediate:!0,deep:!0}),e.watch(()=>t.tapList,(a,m)=>{t.selfTapList.length||(i.value=[].concat(c.value),a.length>0&&a.forEach((l,u)=>{l.sort&&l.sort>1?i.value.splice(l.sort-1,0,l):l.sort==1?i.value.unshift(l):i.value.push(l)}),r.value=i.value[0].key)},{immediate:!0,deep:!0}),e.onMounted(()=>{d(0)}),{isTapList:i,active:r,handleActive:f,label:s,taskCommentList:p,trackUrl:o}}}),Ee="",B=(t,o)=>{const p=t.__vccOpts||t;for(const[r,c]of o)p[r]=c;return p},h=t=>(e.pushScopeId("data-v-baad7ff1"),t=t(),e.popScopeId(),t),$={class:"tops-tab"},T={class:"tops-tab-header"},L=["onClick"],I={key:0,class:"bottom-line"},A={class:"tops-tab-body"},D=["src"],F={key:1,class:"textnone"},w={class:"seal-list__item--option"},P=h(()=>e.createElementVNode("span",null,"节点名称",-1)),U={class:"seal-list__item--option"},j=h(()=>e.createElementVNode("span",null,"审批人",-1)),M={class:"seal-list__item--option"},q=h(()=>e.createElementVNode("span",null,"审批操作",-1)),z={class:"seal-list__item--option"},O=h(()=>e.createElementVNode("span",null,"审批意见",-1)),W=["innerHTML"],H={class:"seal-list__item--option"},R=h(()=>e.createElementVNode("span",null,"审批时间",-1)),Y={key:0,class:"seal-list__item--attch"},G=[h(()=>e.createElementVNode("span",null,"查看附件",-1))],K={key:1,class:"textnone"};function X(t,o,p,r,c,i){return e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isTapList,(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tops-tab-header-items",[s.key===t.active?"active":""]]),onClick:d=>t.handleActive(s.key,f),ref_for:!0,ref:"label"},e.toDisplayString(s.label),11,L))),256)),t.isTapList.length?(e.openBlock(),e.createElementBlock("div",I)):e.createCommentVNode("",!0)]),e.createElementVNode("div",A,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isTapList,s=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:s.key,style:{height:"calc(100% - 45px)"}},[s.key==="a"&&s.type==="default"?e.renderSlot(t.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0),s.key==="b"&&s.type==="default"?e.renderSlot(t.$slots,s.slot,{key:1},()=>[t.trackUrl?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:t.trackUrl,style:{width:"100%","min-height":"500px",border:"none"},scrolling:"no",frameborder:"0"},null,8,D)):(e.openBlock(),e.createElementBlock("div",F," 暂无流程图 "))],!0):e.createCommentVNode("",!0),s.key==="c"&&s.type==="default"?e.renderSlot(t.$slots,s.slot,{key:2},()=>{var f;return[((f=t.taskCommentList)==null?void 0:f.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.taskCommentList,(d,a)=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:"seal-list__item"},[e.createElementVNode("div",null,[e.createElementVNode("div",w,[P,e.createElementVNode("span",null,e.toDisplayString(d.activityName),1)]),e.createElementVNode("div",U,[j,e.createElementVNode("span",null,e.toDisplayString(d.createUserName),1)]),e.createElementVNode("div",M,[q,e.createElementVNode("span",null,e.toDisplayString(d.actionName),1)]),e.createElementVNode("div",z,[O,e.createElementVNode("span",{innerHTML:d.msg},null,8,W)]),e.createElementVNode("div",H,[R,e.createElementVNode("span",null,e.toDisplayString(d.createDate),1)]),d.metaAnnexList&&d.metaAnnexList.length?(e.openBlock(),e.createElementBlock("div",Y,G)):e.createCommentVNode("",!0)])]))),128)):(e.openBlock(),e.createElementBlock("div",K,"暂无数据"))]},!0):e.createCommentVNode("",!0),s.type=="slot"?e.renderSlot(t.$slots,s.slot,{key:3},void 0,!0):e.createCommentVNode("",!0)])),[[e.vShow,t.active===s.key]])),128))])])}const b=B(V,[["render",X],["__scopeId","data-v-baad7ff1"]]);b.install=function(t){return t.component(b.name,b),t};const J=e.defineComponent({name:"TopPopup",props:{titleText:{default:"top-popup",type:String},cancelText:{default:"取消",type:String},comfigText:{default:"确定",type:String},comfig:{default:null,type:Function},cancel:{default:null,type:Function},isMask:{require:!1,default:!0,type:Boolean},isMaskClose:{require:!1,default:!0,type:Boolean}},setup(t){const o=e.ref(!1),p=()=>{o.value=!0},r=()=>{typeof t.cancel=="function"&&t.cancel(),i()},c=()=>{typeof t.comfig=="function"&&t.comfig()},i=()=>{o.value=!1};return e.onMounted(()=>{document.querySelector("body")}),{handleOpen:p,handleCancel:r,handleComfig:c,handleClose:i,show:o}}}),Se="",Q={class:"top-popup-header"},Z={class:"header-title"},x={class:"top-popup-body"};function v(t,o,p,r,c,i){return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"top-popup",style:e.normalizeStyle(t.show?"transform: translateY(0)":"transform: translateY(100%)")},[e.createElementVNode("div",Q,[e.createElementVNode("div",{class:"header-cancel",onClick:o[0]||(o[0]=(...s)=>t.handleCancel&&t.handleCancel(...s))},e.toDisplayString(t.cancelText),1),e.createElementVNode("div",Z,e.toDisplayString(t.titleText),1),e.createElementVNode("div",{class:"header-comfig",onClick:o[1]||(o[1]=(...s)=>t.handleComfig&&t.handleComfig(...s))},e.toDisplayString(t.comfigText),1)]),e.createElementVNode("div",x,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],4),t.show&&t.isMask?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-popup-mask",onClick:o[2]||(o[2]=s=>t.isMaskClose&&t.handleClose())})):e.createCommentVNode("",!0)],64)}const k=B(J,[["render",v],["__scopeId","data-v-474e328a"]]);k.install=function(t){return console.log("TopPopup.install",t),t.mount(k),t.component(k.name,k),t};const Ve="",ee=e.defineComponent({name:"TopButton",props:{type:{default:"default",type:String}},setup(t){const o=e.ref({textColor:"#fff",bckColor:"3c9cff"});switch(t.type){case"primary":o.value.textColor="#fff",o.value.bckColor="#3c9cff";break;case"danger":o.value.textColor="rgb(255, 96, 96)",o.value.bckColor="rgb(255, 230, 230)";break;case"default":o.value.textColor="rgb(51, 51, 51)",o.value.bckColor="rgb(241, 241, 241)";break}return{style:o}}});function te(t,o,p,r,c,i){return e.openBlock(),e.createElementBlock("div",{class:"top-button",style:e.normalizeStyle(`background-color:${t.style.bckColor};color:${t.style.textColor}`)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4)}const N=B(ee,[["render",te],["__scopeId","data-v-156a54e6"]]);N.install=function(t){return t.component(N.name,N),t};const oe=e.defineComponent({name:"TopProcess",components:{TopTab:b,TopPopup:k,TopButton:N},props:{tapList:{require:!1,default:()=>[],type:Array},processId:{require:!0,default:"",type:String},processDefId:{require:!0,default:"",type:String},taskId:{require:!0,default:"",type:String},isAdditional:{require:!1,default:!1,type:Boolean},isView:{default:!1,type:Boolean}},setup(t){const o=e.ref({}),p=e.ref(),r=e.ref([{taskId:"ecd82a93-4a62-42a7-b7bd-df38d2f1609a",taskState:1,nodeId:"obj_026aac284c1a4303854f978b674be4b9",customUniqueId:"",nodeName:"部门负责人"}]),c=e.ref({id:"obj_026aac284c1a4303854f978b674be4b9",name:"部门负责人",no:"1",buttons:[],ccTaskButtonLabel:"",ccTaskButtonAnnex:null,completeButtonLabel:"同意",completeButtonAnnex:null,delegateTaskButtonLabel:"转办",delegateTaskButtonAnnex:null,printFormButtonLabel:"",supplyUnusualTransferButtonLabel:"",readingOfficeLabel:"",readingOfficeButtonAnnex:null,jointlySignLabel:"",jointlySignButtonAnnex:null,counterSignLabel:"加签",counterSignButtonAnnex:null,coordinationLabel:"",coordinationButtonAnnex:null,otherButtonAnnexList:null,humanPerformer:{id:"obj_2bd3494ae5c54309b7f2ea452921790b",name:"任意指定",resourceAssignmentExpressionModel:{formalExpression:""}},commentModels:[{actionName:"提交",isDefault:!0},{actionName:"作废",isDefault:!1}],routeTxt:{departmentIds:null,companyIds:null,teamList:null,routeType:"DynamicUsers"},loopCardinality:1,isHistoryRoute:!1,participantList:null,historyRoute:!1});e.watch(()=>t.processId,(l,u)=>{l&&(o.value={status:"审批中",createUid:"18ccbf63229f0c79f39940ae284c111e",createTopUserId:"128ec9c9b7f26135272596fe01c57690",createTime:"2023-04-20 15:01:48",currUserName:"朱鸿飞",allUserNames:["朱鸿飞"],userNodeGroup:{分管领导:["朱鸿飞"]},appId:"com.awspaas.user.apps.top.study.project",statusCode:"1",statusName:"审批中",bizStatusName:"审批中",taskState:1})},{immediate:!0,deep:!0}),console.log("asd",r.value[0].taskState);const i=e.computed(()=>{var C,S;let l=[],u=r.value&&r.value[0]&&r.value[0].taskState!=4;if(u&&!t.isView&&c.value.completeButtonLabel){let n={};n.name=c.value.completeButtonLabel,n.btnProps={type:"primary"},l.push(n)}if(u&&!t.isView&&o.value.currUserName){let n={};n.name="拒绝",n.btnProps={type:"danger"},l.push(n)}if(u&&!t.isView&&c.value.buttons&&c.value.buttons.length&&c.value.buttons.forEach(n=>{if(n.label==="退回"){let E={};E.name=n.label,E.btnProps={type:"danger"},l.push(E)}}),u&&!t.isView&&c.value.delegateTaskButtonLabel){let n={};n.name=c.value.delegateTaskButtonLabel,n.btnProps={type:"default"},l.push(n)}if(t.processId&&o.value.createTopUserId==t.userId&&((C=r.value[0])==null?void 0:C.taskState)!=2&&o.value.status!=="已驳回"&&o.value.status!=="已撤销"){let n={};n.name="催办",n.btnProps={type:"default"},l.push(n)}if(t.processId&&o.value.createTopUserId==t.userId&&((S=r.value[0])==null?void 0:S.taskState)!=2&&o.value.status!=="已驳回"&&o.value.status!=="已撤销"){let n={};n.name="撤销",n.btnProps={type:"default"},l.push(n)}if(u&&!t.isView&&c.value.counterSignLabel){let n={};n.name=c.value.counterSignLabel,n.btnProps={type:"primary"},l.push(n)}return l}),s=e.computed(()=>i.value.length>3?i.value.slice(3):[]),f=()=>{console.log("handleCancel")},d=()=>{console.log("handleComfig","确定按钮"),p.value.handleClose()},a=e.computed(()=>"calc(100vh - 205px)");return{processStatus:o,processCardHeight:a,handleTest:()=>{p.value.handleOpen()},TopPopup1:p,handleCancel:f,handleComfig:d,operBtn:i,actionBtn:s}},methods:{getColor(t){return t=="审核中"?"#FFA52D":t=="已驳回"?"#F14B4C":t=="已撤销"?"#CECECE":t=="已完成"?"#6DC743":"#1389FF"}}}),$e="",y=t=>(e.pushScopeId("data-v-41bcbb23"),t=t(),e.popScopeId(),t),se={class:"process-warp"},ne={key:0,class:"process-main"},ae={class:"process-ml-item border"},le=y(()=>e.createElementVNode("div",{class:"process-mli-name"},"流程状态",-1)),re={class:"process-mli-value"},ce={class:"process-ml-item border"},ie=y(()=>e.createElementVNode("div",{class:"process-mli-name"},"流程发起时间",-1)),de={class:"process-mli-value"},pe={key:0,class:"process-ml-item"},me=y(()=>e.createElementVNode("div",{class:"process-mli-name"},"审批节点",-1)),ue={class:"process-mli-value"},fe={class:"process-mliv-jd"},_e={key:1,class:"process-foot"},he={class:"footBtnRow"},be={class:"process-btn"},ye={key:1,class:"elips"},ke=[y(()=>e.createElementVNode("div",{class:"circle"},null,-1)),y(()=>e.createElementVNode("div",{class:"circle"},null,-1)),y(()=>e.createElementVNode("div",{class:"circle"},null,-1))];function ge(t,o,p,r,c,i){const s=e.resolveComponent("TopTab"),f=e.resolveComponent("TopButton"),d=e.resolveComponent("TopPopup");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",se,[t.processStatus.status?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",ae,[le,e.createElementVNode("div",re,[t.processStatus.status||t.processStatus.bizStatusName?(e.openBlock(),e.createElementBlock("div",{key:0,class:"process-mliv-dd",style:e.normalizeStyle({background:t.getColor(t.processStatus.status)})},e.toDisplayString(t.processStatus.bizStatusName?t.processStatus.bizStatusName:t.processStatus.status),5)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ce,[ie,e.createElementVNode("div",de,[e.createElementVNode("span",null,e.toDisplayString(t.processStatus.createTime),1)])]),t.processStatus.allUserNames&&t.processStatus.allUserNames.length?(e.openBlock(),e.createElementBlock("div",pe,[me,e.createElementVNode("div",ue,[e.createElementVNode("span",fe,e.toDisplayString(`${t.processStatus.taskState==4?t.processStatus.currUserName:t.processStatus.allUserNames.toString()}审批中`),1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"process-card",style:e.normalizeStyle({height:t.processCardHeight})},[e.createVNode(s,{tapList:t.tapList},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["tapList"])],4),t.isAdditional?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",he,[e.renderSlot(t.$slots,"btn",{},void 0,!0)])])):e.createCommentVNode("",!0),e.createElementVNode("div",be,[t.processStatus.status!="已完成"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.operBtn,(a,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.name},[m<3?(e.openBlock(),e.createBlock(f,{key:0,onClick:t.handleTest,type:a.btnProps.type},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.name),1)]),_:2},1032,["onClick","type"])):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),t.operBtn.length>3?(e.openBlock(),e.createElementBlock("div",ye,ke)):e.createCommentVNode("",!0)])]),e.createVNode(d,{ref:"TopPopup1",cancel:t.handleCancel,comfig:t.handleComfig},{default:e.withCtx(()=>[e.createTextVNode(" csaasd1 ")]),_:1},8,["cancel","comfig"])],64)}const g=B(oe,[["render",ge],["__scopeId","data-v-41bcbb23"]]);g.install=function(t){return t.component(g.name,g),t};const Be=[b,g],Ne={install:function(t){Be.forEach(o=>{t.use(o)})}};_.TopProcess=g,_.TopTab=b,_.default=Ne,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});