@fecp/designer 5.5.100 → 5.5.102

package/es/packages/mobile/index.mjs

@@ -71,6 +71,8 @@ import { MobileTreeSelect } from "./src/components/navigation/treeSelect/index.m
 import { MobileLayout } from "./src/components/layout/layout/index.mjs";
 import { MobileTimeLineFilter } from "./src/components/custom/timeLineFilter/index.mjs";
 import { MobileAppDetail } from "./src/components/custom/appDetail/index.mjs";
+import { MobileApprovalBar } from "./src/components/custom/approvalBar/index.mjs";
+import { MobileApprovalList } from "./src/components/custom/approvalList/index.mjs";
 import { closeDialog, showConfirmDialog, showDialog } from "./node_modules/vant/es/dialog/function-call.mjs";
 import { showImagePreview } from "./node_modules/vant/es/image-preview/function-call.mjs";
 import { closeNotify, showNotify } from "./node_modules/vant/es/notify/function-call.mjs";
@@ -87,6 +89,8 @@ export {
   MobileActionBar,
   MobileActionSheet,
   MobileAppDetail,
+  MobileApprovalBar,
+  MobileApprovalList,
   MobileBackTop,
   MobileButton,
   MobileCard,

package/es/packages/mobile/src/components/all.mjs

@@ -67,10 +67,14 @@ import { MobileTreeSelect } from "./navigation/treeSelect/index.mjs";
 import { MobileLayout } from "./layout/layout/index.mjs";
 import { MobileTimeLineFilter } from "./custom/timeLineFilter/index.mjs";
 import { MobileAppDetail } from "./custom/appDetail/index.mjs";
+import { MobileApprovalBar } from "./custom/approvalBar/index.mjs";
+import { MobileApprovalList } from "./custom/approvalList/index.mjs";
 export {
   MobileActionBar,
   MobileActionSheet,
   MobileAppDetail,
+  MobileApprovalBar,
+  MobileApprovalList,
   MobileBackTop,
   MobileButton,
   MobileCard,

package/es/packages/mobile/src/components/custom/appDetail/AppDetail.vue.mjs

@@ -1,32 +1,92 @@
-import { computed, resolveComponent, createBlock, openBlock, unref } from "vue";
+import { getCurrentInstance, ref, computed, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, unref, isRef, normalizeProps, mergeProps } from "vue";
 /* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 const _sfc_main = {
   __name: "AppDetail",
   props: {
-    //任务对象+流程变量
+    params: {
+      type: Object,
+      default: {}
+    },
+    baseInfoPageSource: {
+      type: String,
+      default: "dynamic"
+    },
+    baseInfoPageId: {
+      type: String,
+      default: ""
+    },
     options: {
       type: Array,
       default: []
+    },
+    document: {
+      type: Boolean,
+      default: false
+    },
+    approvalHistory: {
+      type: Boolean,
+      default: false
+    },
+    actionBar: {
+      type: Object
+    },
+    taskId: {
+      type: String,
+      default: ""
+    },
+    taskType: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
     const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    ctx.route;
+    const activeName = ref("tab_base_info");
+    const baseInfoPageId = ref("");
+    if (props.baseInfoPageSource == "dynamic") ;
+    else {
+      baseInfoPageId.value = props.baseInfoPageId;
+    }
     const tabsOptions = computed(() => {
-      return [
-        { id: "tab_base_info", title: "基本信息" },
-        ...props.options || [],
-        { id: "tab_doc_info", title: "要件信息" },
-        { id: "tab_timeline_info", title: "审批历史" }
+      const tabs = [
+        {
+          id: "tab_base_info",
+          title: "基本信息",
+          pageId: baseInfoPageId.value
+        },
+        ...props.options || []
       ];
+      if (props.document) {
+        tabs.push({ id: "tab_doc_info", title: "要件信息" });
+      }
+      if (props.approvalHistory) {
+        tabs.push({ id: "tab_timeline_info", title: "审批历史" });
+      }
+      return tabs;
+    });
+    computed(() => {
+      return tabsOptions.value.find((item) => item.id == activeName.value);
     });
     return (_ctx, _cache) => {
       const _component_FecMobileTabs = resolveComponent("FecMobileTabs");
-      return openBlock(), createBlock(_component_FecMobileTabs, { options: unref(tabsOptions) }, null, 8, ["options"]);
+      const _component_FecMobileApprovalBar = resolveComponent("FecMobileApprovalBar");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_FecMobileTabs, {
+          modelValue: unref(activeName),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
+          options: unref(tabsOptions),
+          params: __props.params
+        }, null, 8, ["modelValue", "options", "params"]),
+        __props.actionBar ? (openBlock(), createBlock(_component_FecMobileApprovalBar, normalizeProps(mergeProps({ key: 0 }, __props.actionBar)), null, 16)) : createCommentVNode("", true)
+      ], 64);
     };
   }
 };
-const _AppDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8844ccf3"]]);
+const _AppDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab2095bf"]]);
 export {
   _AppDetail as default
 };

package/es/packages/mobile/src/components/custom/approvalBar/ApprovalBar.vue.mjs

@@ -0,0 +1,191 @@
+/* empty css                                               */
+/* empty css                                                */
+/* empty css                                                  */
+/* empty css                                                 */
+/* empty css                                                */
+/* empty css                                                     */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                                       */
+/* empty css                                                 */
+/* empty css                                               */
+/* empty css                                               */
+/* empty css                                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                                     */
+/* empty css                                                 */
+/* empty css                                                            */
+import { ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, renderList, createBlock, normalizeClass, unref, isRef, createElementVNode, createCommentVNode } from "vue";
+/* empty css                  */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ActionBar } from "../../../../node_modules/vant/es/action-bar/index.mjs";
+import { ActionBarButton } from "../../../../node_modules/vant/es/action-bar-button/index.mjs";
+import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
+import { Field } from "../../../../node_modules/vant/es/field/index.mjs";
+import { Picker } from "../../../../node_modules/vant/es/picker/index.mjs";
+const _hoisted_1 = { class: "appPopContent" };
+const _hoisted_2 = { class: "appOptContent" };
+const _sfc_main = {
+  __name: "ApprovalBar",
+  props: {
+    actionBarOptions: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(__props) {
+    const showAgreePop = ref(false);
+    const showOtherPop = ref(false);
+    const showOpinionPicker = ref(false);
+    const showTargetNodePicker = ref(false);
+    const currentActionItem = ref({});
+    const opinionForm = reactive({
+      opinionType: "",
+      opinionContent: "",
+      targetNode: ""
+    });
+    function clickHandler(item) {
+      console.log("🚀 ~ clickHandler ~ item:", item);
+      if (item.approvalType == "agree") {
+        showAgreePop.value = true;
+      } else if (item.approvalType == "other") {
+        currentActionItem.value = item;
+        opinionForm.opinionType = "";
+        opinionForm.opinionContent = "";
+        opinionForm.targetNode = "";
+        showOtherPop.value = true;
+      }
+    }
+    function onOpinionConfirm({ selectedOptions }) {
+      var _a;
+      opinionForm.opinionType = ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+      showOpinionPicker.value = false;
+    }
+    function onTargetNodeConfirm({ selectedOptions }) {
+      var _a;
+      opinionForm.targetNode = ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+      showTargetNodePicker.value = false;
+    }
+    function submitOpinion() {
+      console.log("提交审批意见:", opinionForm);
+      showOtherPop.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_van_action_bar_button = ActionBarButton;
+      const _component_van_action_bar = ActionBar;
+      const _component_van_popup = Popup;
+      const _component_van_field = Field;
+      const _component_van_picker = Picker;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actionBarOptions, (item) => {
+              return openBlock(), createBlock(_component_van_action_bar_button, {
+                class: normalizeClass(item.bgClass || "icon-blue"),
+                text: item.text,
+                onClick: ($event) => clickHandler(item)
+              }, null, 8, ["class", "text", "onClick"]);
+            }), 256))
+          ]),
+          _: 1
+        }),
+        createVNode(_component_van_popup, {
+          show: unref(showAgreePop),
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => isRef(showAgreePop) ? showAgreePop.value = $event : null),
+          round: "",
+          position: "bottom",
+          style: { height: "30%" }
+        }, null, 8, ["show"]),
+        createVNode(_component_van_popup, {
+          show: unref(showOtherPop),
+          "onUpdate:show": _cache[6] || (_cache[6] = ($event) => isRef(showOtherPop) ? showOtherPop.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_component_van_field, {
+                  modelValue: unref(currentActionItem).opinionType,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(currentActionItem).opinionType = $event),
+                  "is-link": "",
+                  readonly: "",
+                  label: "审批意见",
+                  placeholder: "请选择审批意见",
+                  onClick: _cache[2] || (_cache[2] = ($event) => showOpinionPicker.value = true)
+                }, null, 8, ["modelValue"]),
+                unref(currentActionItem).needTargetNode ? (openBlock(), createBlock(_component_van_field, {
+                  key: 0,
+                  modelValue: unref(opinionForm).targetNode,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(opinionForm).targetNode = $event),
+                  "is-link": "",
+                  readonly: "",
+                  label: "目标节点",
+                  placeholder: "请选择目标节点",
+                  onClick: _cache[4] || (_cache[4] = ($event) => showTargetNodePicker.value = true)
+                }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+                createVNode(_component_van_field, {
+                  modelValue: unref(opinionForm).opinionContent,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(opinionForm).opinionContent = $event),
+                  rows: "6",
+                  autosize: "",
+                  label: "意见内容",
+                  type: "textarea",
+                  maxlength: "500",
+                  "show-word-limit": "",
+                  placeholder: "请输入审批意见"
+                }, null, 8, ["modelValue"])
+              ]),
+              createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_van_action_bar_button, {
+                    class: normalizeClass("icon-blue"),
+                    text: "提交",
+                    onClick: submitOpinion
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        createVNode(_component_van_popup, {
+          show: unref(showOpinionPicker),
+          "onUpdate:show": _cache[8] || (_cache[8] = ($event) => isRef(showOpinionPicker) ? showOpinionPicker.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_van_picker, {
+              columns: unref(currentActionItem).opinionOptions || [],
+              onConfirm: onOpinionConfirm,
+              onCancel: _cache[7] || (_cache[7] = ($event) => showOpinionPicker.value = false)
+            }, null, 8, ["columns"])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        createVNode(_component_van_popup, {
+          show: unref(showTargetNodePicker),
+          "onUpdate:show": _cache[10] || (_cache[10] = ($event) => isRef(showTargetNodePicker) ? showTargetNodePicker.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_van_picker, {
+              columns: unref(currentActionItem).targetNodeOptions || [],
+              onConfirm: onTargetNodeConfirm,
+              onCancel: _cache[9] || (_cache[9] = ($event) => showTargetNodePicker.value = false)
+            }, null, 8, ["columns"])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
+    };
+  }
+};
+const _ApprovalBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc8cdb72"]]);
+export {
+  _ApprovalBar as default
+};

package/es/packages/mobile/src/components/custom/approvalBar/index.mjs

@@ -0,0 +1,10 @@
+import _ApprovalBar from "./ApprovalBar.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileApprovalBar = install.withInstall(
+  "MobileApprovalBar",
+  _ApprovalBar
+);
+export {
+  MobileApprovalBar,
+  MobileApprovalBar as default
+};