UNPKG

@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

98 lines (97 loc) 3.66 kB
import { defineComponent as g, getCurrentInstance as A, ref as n, inject as f, computed as F, openBlock as k, createBlock as I, unref as r, withCtx as u, createVNode as t } from "vue"; import { pluginManager as i } from "@javaguns/utils"; import { DataInfoKey as h, AddSignModeKey as U } from "../../utils/injection-key.mjs"; import T from "../../hooks/useOperate.mjs"; import { FlowSelection as q } from "../../flow-selection/index.mjs"; import B from "../../flow-designer/common/flowRadioGroup.vue.mjs"; const K = g({ name: "flow-operate-addSign" }), z = /* @__PURE__ */ g({ ...K, setup($, { expose: c }) { const w = i.getComponent("Form"), p = i.getComponent("FormItem"), S = i.getComponent("Textarea"), { appContext: M } = A(), m = M.app.config.globalProperties.$flowUI, s = n(), b = { style: { width: "100px" } }, { signTypes: x } = T(), e = n({ newApprover: [], // 会签默认加会签,或签默认加或签 addSignMode: 3, whisper: "" }), C = n({ newApprover: [{ type: "array", required: !0, message: "请选择加签人员!", trigger: "blur" }], addSignMode: [{ required: !0, message: "请选择加签方式!", trigger: "blur" }] }), d = f(h, n({})), V = f(U, n(0)), _ = F(() => x.map((o) => (d.value.ruTask && d.value.ruTask.approvalMode && (d.value.ruTask.approvalMode == 4 && [1, 2, 3].includes(o.value) || [2, 3].includes(d.value.ruTask.approvalMode) && o.value == 4) && (o.disabled = !0), o))), y = () => { V.value = e.value.addSignMode; }, v = async () => { try { return m == "element-plus" || m == "arco-design" ? await s.value.validate() : await s.value.validateFields(), e.value; } catch { } }; return c({ valid: v }), (o, a) => (k(), I(r(w), { ref_key: "addSignForm", ref: s, model: e.value, rules: C.value, "label-col": b, layout: "vertical", "label-position": "top" }, { default: u(() => [ t(r(p), { label: "加签人", name: "newApprover", prop: "newApprover" }, { default: u(() => [ t(r(q), { ref: "flowSelection", type: "user", title: "请选择人员", isRadio: !1, min: 1, max: 25, modelValue: e.value.newApprover, "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value.newApprover = l), onChange: v }, null, 8, ["modelValue"]) ]), _: 1 }), t(r(p), { label: "加签方式", name: "addSignMode", prop: "addSignMode" }, { default: u(() => [ t(B, { modelValue: e.value.addSignMode, "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value.addSignMode = l), datas: _.value, onChange: y }, null, 8, ["modelValue", "datas"]) ]), _: 1 }), t(r(p), { label: "捎话", prop: "whisper" }, { default: u(() => [ t(r(S), { modelValue: e.value.whisper, "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value.whisper = l), value: e.value.whisper, "onUpdate:value": a[3] || (a[3] = (l) => e.value.whisper = l), type: "textarea", rows: 3, placeholder: "捎话内容" }, null, 8, ["modelValue", "value"]) ]), _: 1 }) ]), _: 1 }, 8, ["model", "rules"])); } }); export { z as default };