@javaguns/flow-ui
Version:
``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j
119 lines (118 loc) • 4.08 kB
JavaScript
import { defineComponent as f, watch as s, computed as A, openBlock as m, createElementBlock as N, createVNode as o, withCtx as d, createBlock as i, unref as n, createTextVNode as x, createCommentVNode as u } from "vue";
import { pluginManager as U } from "@javaguns/utils";
import k from "../../../hooks/useDrawer.mjs";
import p from "../../common/flowRadioGroup.vue.mjs";
import r from "../../common/flowDrawerItem.vue.mjs";
import { FlowSelection as _ } from "../../../flow-selection/index.mjs";
const B = {
key: 0,
class: "flow-drawer-content"
}, C = f({ name: "flow-approver-attr" }), $ = /* @__PURE__ */ f({
...C,
props: {
node: {},
multiple: { type: Boolean },
disabled: { type: Boolean, default: !1 }
},
setup(V) {
const v = U.getComponent("InputNumber"), e = V, { approvalModes: y, sameApprovals: w, adjacentApprovals: b, approvalWithNulls: g } = k();
s(
() => e.multiple,
(l) => {
l ? e.node.attr.approvalMode = 2 : e.node.attr.approvalMode = 1;
}
), s(
() => e.disabled,
(l) => {
l ? e.node.attr.approvalMode = 5 : e.multiple || (e.node.attr.approvalMode = 1);
}
);
const M = A(() => y.map((l) => (e.node.nodeType == 30 ? l.disabled = !0 : l.disabled = e.multiple && l.value == 1 || e.disabled, l)));
return (l, t) => e.node.attr ? (m(), N("div", B, [
o(r, { name: "审批方式" }, {
default: d(() => [
o(p, {
modelValue: e.node.attr.approvalMode,
"onUpdate:modelValue": t[0] || (t[0] = (a) => e.node.attr.approvalMode = a),
datas: M.value,
row: !0,
span: 24
}, null, 8, ["modelValue", "datas"])
]),
_: 1
}),
e.node.attr.approvalMode == 2 ? (m(), i(r, {
key: 0,
name: "通过率"
}, {
default: d(() => [
o(n(v), {
modelValue: e.node.attr.rate,
"onUpdate:modelValue": t[1] || (t[1] = (a) => e.node.attr.rate = a),
"controls-position": "right",
min: 1,
max: 100,
style: { width: "150px" }
}, null, 8, ["modelValue"]),
x(" % ")
]),
_: 1
})) : u("", !0),
o(r, { name: "审批人与发起人为同一人时" }, {
default: d(() => [
o(p, {
modelValue: e.node.attr.starterAssignee,
"onUpdate:modelValue": t[2] || (t[2] = (a) => e.node.attr.starterAssignee = a),
datas: n(w)
}, null, 8, ["modelValue", "datas"])
]),
_: 1
}),
o(r, { name: "相邻审批节点为同一人时" }, {
default: d(() => [
o(p, {
modelValue: e.node.attr.adjacent,
"onUpdate:modelValue": t[3] || (t[3] = (a) => e.node.attr.adjacent = a),
datas: n(b)
}, null, 8, ["modelValue", "datas"])
]),
_: 1
}),
o(r, { name: "审批人为空时" }, {
default: d(() => [
o(p, {
modelValue: e.node.attr.emptyFlag,
"onUpdate:modelValue": t[4] || (t[4] = (a) => e.node.attr.emptyFlag = a),
datas: n(g),
row: !0,
span: 24
}, null, 8, ["modelValue", "datas"])
]),
_: 1
}),
e.node.attr.emptyFlag == 2 ? (m(), i(r, {
key: 1,
name: "审批人为空时指定成员"
}, {
default: d(() => [
o(n(_), {
ref: "flowSelection",
type: "user",
title: "请选择指定成员",
isRadio: !0,
min: 1,
max: 1,
modelValue: e.node.attr.emptyApproverIds,
"onUpdate:modelValue": t[5] || (t[5] = (a) => e.node.attr.emptyApproverIds = a),
label: e.node.attr.emptyApproverNames,
"onUpdate:label": t[6] || (t[6] = (a) => e.node.attr.emptyApproverNames = a)
}, null, 8, ["modelValue", "label"])
]),
_: 1
})) : u("", !0)
])) : u("", !0);
}
});
export {
$ as default
};