@fecp/designer 5.5.111 → 5.5.113

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

@@ -9,73 +9,141 @@
 /* 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";
+import { getCurrentInstance, inject, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, renderList, createBlock, normalizeClass, unref, isRef, createElementVNode, createCommentVNode } from "vue";
+import { findPageById } from "../../../utils/common.mjs";
+import { pageHistory } from "../../../utils/pageHistory.mjs";
+import emitter from "../../../utils/eventBus.mjs";
+import MobilePage from "../../../page.vue.mjs";
+import { useStore } from "../../../../../../node_modules/vuex/dist/vuex.esm-bundler.mjs";
 /* empty css                  */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { showLoadingToast, showFailToast, showSuccessToast } from "../../../../node_modules/vant/es/toast/function-call.mjs";
+import "../../../../node_modules/vant/es/toast/index.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 _hoisted_2 = {
+  class: "appOptContent",
+  style: { "max-height": "235px", "padding-bottom": "0" }
+};
+const _hoisted_3 = { class: "appPopContent" };
+const _hoisted_4 = { class: "appOptContent" };
 const _sfc_main = {
   __name: "ApprovalBar",
   props: {
+    params: {
+      type: Object,
+      default: {}
+    },
+    taskData: {
+      type: Object,
+      default: {}
+    },
     actionBarOptions: {
       type: Array,
       default: []
+    },
+    opinionTypeOptions: {
+      type: Array,
+      default: []
+    },
+    operationPageId: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
+    const store = useStore();
+    const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const pageList = inject("pageList");
+    const operPage = findPageById(pageList.value, props.operationPageId);
     const showAgreePop = ref(false);
     const showOtherPop = ref(false);
     const showOpinionPicker = ref(false);
-    const showTargetNodePicker = ref(false);
-    const currentActionItem = ref({});
+    ref(false);
     const opinionForm = reactive({
-      opinionType: "",
-      opinionContent: "",
+      approveId: "",
+      approveIdea: "",
       targetNode: ""
     });
+    const opinionTypeOptionsFieldName = {
+      text: "approveIdea",
+      value: "id"
+    };
     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) || "";
+      var _a, _b, _c;
+      opinionForm.approveId = ((_a = selectedOptions[0]) == null ? void 0 : _a.id) || "";
+      opinionForm.approveText = ((_b = selectedOptions[0]) == null ? void 0 : _b.approveIdea) || "";
+      opinionForm.approveType = ((_c = selectedOptions[0]) == null ? void 0 : _c.approveType) || "";
       showOpinionPicker.value = false;
     }
-    function onTargetNodeConfirm({ selectedOptions }) {
-      var _a;
-      opinionForm.targetNode = ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
-      showTargetNodePicker.value = false;
-    }
+    const operPageRef = ref();
     function submitOpinion() {
-      console.log("提交审批意见:", opinionForm);
-      showOtherPop.value = false;
+      var _a;
+      const formData = ((_a = operPageRef.value) == null ? void 0 : _a.getFormData()) || {};
+      const commitData = {
+        appPageData: formData,
+        approveDesc: opinionForm.approveIdea,
+        approveId: opinionForm.approveId,
+        approveName: opinionForm.approveText || "同意",
+        approveType: opinionForm.approveType || "C1",
+        currentUser: store.getters.user,
+        sendUserId: "",
+        nextUser: "",
+        targetNodeId: "",
+        addSignList: [],
+        taskData: props.taskData,
+        taskId: props.taskData.taskId,
+        variables: {}
+      };
+      console.log("🚀 ~ submitOpinion ~ commitData:", commitData);
+      showLoadingToast({
+        message: "提交中...",
+        forbidClick: true,
+        duration: 0
+      });
+      ctx.$http.post("/base-server/flow/flowApproveDetail/doCommit", commitData, false).then((data) => {
+        if (data && data.needOper) {
+          showFailToast("待开发：需要人工操作的节点");
+        } else {
+          showSuccessToast("提交成功");
+          showOtherPop.value = false;
+          showAgreePop.value = false;
+          goBack();
+        }
+      });
     }
+    const goBack = () => {
+      const prevPage = pageHistory.back();
+      if (prevPage) {
+        emitter.emit("loadPage", { pageId: prevPage.id });
+      }
+    };
     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_popup = Popup;
       const _component_van_picker = Picker;
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
@@ -92,42 +160,68 @@ const _sfc_main = {
         }),
         createVNode(_component_van_popup, {
           show: unref(showAgreePop),
-          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => isRef(showAgreePop) ? showAgreePop.value = $event : null),
+          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showAgreePop) ? showAgreePop.value = $event : null),
           round: "",
           position: "bottom",
-          style: { height: "30%" }
-        }, null, 8, ["show"]),
+          style: { "height": "80%" }
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              unref(operPage) ? (openBlock(), createBlock(MobilePage, {
+                key: 0,
+                parentPage: unref(operPage),
+                params: __props.params,
+                ref_key: "operPageRef",
+                ref: operPageRef
+              }, null, 8, ["parentPage", "params"])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_component_van_field, {
+                  modelValue: unref(opinionForm).approveIdea,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(opinionForm).approveIdea = $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(showOtherPop),
-          "onUpdate:show": _cache[6] || (_cache[6] = ($event) => isRef(showOtherPop) ? showOtherPop.value = $event : null),
+          "onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(showOtherPop) ? showOtherPop.value = $event : null),
           round: "",
           position: "bottom"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
                 createVNode(_component_van_field, {
-                  modelValue: unref(currentActionItem).opinionType,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(currentActionItem).opinionType = $event),
+                  modelValue: unref(opinionForm).approveText,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(opinionForm).approveText = $event),
                   "is-link": "",
                   readonly: "",
                   label: "审批意见",
                   placeholder: "请选择审批意见",
-                  onClick: _cache[2] || (_cache[2] = ($event) => showOpinionPicker.value = true)
+                  onClick: _cache[3] || (_cache[3] = ($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),
+                  modelValue: unref(opinionForm).approveIdea,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(opinionForm).approveIdea = $event),
                   rows: "6",
                   autosize: "",
                   label: "意见内容",
@@ -153,30 +247,16 @@ const _sfc_main = {
         }, 8, ["show"]),
         createVNode(_component_van_popup, {
           show: unref(showOpinionPicker),
-          "onUpdate:show": _cache[8] || (_cache[8] = ($event) => isRef(showOpinionPicker) ? showOpinionPicker.value = $event : null),
+          "onUpdate:show": _cache[7] || (_cache[7] = ($event) => isRef(showOpinionPicker) ? showOpinionPicker.value = $event : null),
           round: "",
           position: "bottom"
         }, {
           default: withCtx(() => [
             createVNode(_component_van_picker, {
-              columns: unref(currentActionItem).opinionOptions || [],
+              columns: __props.opinionTypeOptions || [],
+              "columns-field-names": opinionTypeOptionsFieldName,
               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)
+              onCancel: _cache[6] || (_cache[6] = ($event) => showOpinionPicker.value = false)
             }, null, 8, ["columns"])
           ]),
           _: 1
@@ -185,7 +265,7 @@ const _sfc_main = {
     };
   }
 };
-const _ApprovalBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc8cdb72"]]);
+const _ApprovalBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f63aa02"]]);
 export {
   _ApprovalBar as default
 };

package/es/packages/mobile/src/components/custom/approvalList/ApprovalCard.vue.mjs

@@ -91,7 +91,8 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_7, [
           createElementVNode("span", _hoisted_8, toDisplayString(formatTime(__props.item.taskCreateDateTime)), 1),
           createElementVNode("div", _hoisted_9, [
-            createVNode(_component_van_button, {
+            __props.type != 0 ? (openBlock(), createBlock(_component_van_button, {
+              key: 0,
               plain: "",
               hairline: "",
               round: "",
@@ -102,21 +103,21 @@ const _sfc_main = {
                 createTextVNode(" 查看 ")
               ])),
               _: 1
-            }),
+            })) : createCommentVNode("", true),
             __props.type == 0 ? (openBlock(), createBlock(_component_van_button, {
-              key: 0,
+              key: 1,
               type: "primary",
               round: "",
               size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("approve", __props.item))
             }, {
               default: withCtx(() => _cache[4] || (_cache[4] = [
-                createTextVNode(" 同意 ")
+                createTextVNode(" 审批 ")
               ])),
               _: 1
             })) : createCommentVNode("", true),
             __props.type == 1 ? (openBlock(), createBlock(_component_van_button, {
-              key: 1,
+              key: 2,
               type: "warning",
               round: "",
               size: "small",
@@ -133,7 +134,7 @@ const _sfc_main = {
     };
   }
 };
-const ApprovalCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bbf96c9"]]);
+const ApprovalCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c40807f"]]);
 export {
   ApprovalCard as default
 };

package/es/packages/mobile/src/components/custom/approvalList/ApprovalList.vue.mjs

@@ -13,6 +13,7 @@
 /* empty css                                                 */
 import { getCurrentInstance, ref, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createElementVNode, Fragment, renderList, createBlock } from "vue";
 import ApprovalCard from "./ApprovalCard.vue.mjs";
+import emitter from "../../../utils/eventBus.mjs";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { Search } from "../../../../node_modules/vant/es/search/index.mjs";
@@ -22,13 +23,16 @@ import { List } from "../../../../node_modules/vant/es/list/index.mjs";
 const _hoisted_1 = { class: "fec-mobile-approval-list" };
 const _hoisted_2 = { class: "fec-tab-content" };
 const _hoisted_3 = { class: "fec-tab-content" };
-const _hoisted_4 = { class: "fec-list" };
-const _hoisted_5 = { class: "fec-tab-content" };
-const _hoisted_6 = { class: "fec-list" };
+const _hoisted_4 = { class: "fec-tab-content" };
 const _sfc_main = {
   __name: "ApprovalList",
-  props: {},
+  props: {
+    todoPage: String,
+    donePage: String,
+    ccPage: String
+  },
   setup(__props) {
+    const props = __props;
     const currentInstance = getCurrentInstance();
     const ctx = currentInstance.proxy;
     ctx.route;
@@ -37,28 +41,50 @@ const _sfc_main = {
     const doneList = ref([]);
     const ccList = ref([]);
     const searchData = ref("");
-    const finished = ref(false);
-    const loading = ref(false);
-    let pageNo = 1;
+    const todoLoading = ref(false);
+    const todoFinished = ref(false);
+    const doneLoading = ref(false);
+    const doneFinished = ref(false);
+    const ccLoading = ref(false);
+    const ccFinished = ref(false);
+    let todoPageNo = 0;
+    let donePageNo = 0;
+    let ccPageNo = 0;
     let pageSize = 10;
-    function onLoad() {
-      loading.value = true;
-      pageNo++;
-      call();
+    const todoError = ref(false);
+    const doneError = ref(false);
+    const ccError = ref(false);
+    function onTodoLoad() {
+      todoLoading.value = true;
+      todoPageNo++;
+      call("0");
     }
-    function call() {
+    function onDoneLoad() {
+      doneLoading.value = true;
+      donePageNo++;
+      call("1");
+    }
+    function onCcLoad() {
+      ccLoading.value = true;
+      ccPageNo++;
+      call("2");
+    }
+    function call(taskStatus) {
+      const errorRef = taskStatus == "0" ? todoError : taskStatus == "1" ? doneError : ccError;
+      errorRef.value = false;
+      const pageNo = taskStatus == "0" ? todoPageNo : taskStatus == "1" ? donePageNo : ccPageNo;
       ctx.$http.post(
         "/base-server/flow/workbench/findTaskListByPage",
         {
           pageNo,
           pageSize,
-          taskStatus: activeName.value,
+          taskStatus,
           searchData: searchData.value
         },
         false
       ).then((data) => {
         const list = data.list;
-        switch (activeName.value) {
+        switch (taskStatus) {
           case "0":
             list.forEach((item) => {
               item.statusColor = item.statusColor || "#fa8c16";
@@ -66,32 +92,91 @@ const _sfc_main = {
               item.statusText = item.statusText || "待处理";
             });
             todoList.value.push(...list);
+            if (list.length < pageSize) {
+              todoFinished.value = true;
+            }
             break;
           case "1":
-            doneList.value = list;
+            list.forEach((item) => {
+              item.statusColor = item.statusColor || "#52c41a";
+              item.statusIcon = item.statusIcon || "checked";
+              item.statusText = item.statusText || "已完成";
+            });
+            doneList.value.push(...list);
+            if (list.length < pageSize) {
+              doneFinished.value = true;
+            }
             break;
           case "2":
-            ccList.value = list;
+            list.forEach((item) => {
+              item.statusColor = item.statusColor || "#52c41a";
+              item.statusIcon = item.statusIcon || "checked";
+              item.statusText = item.statusText || "已完成";
+            });
+            ccList.value.push(...list);
+            if (list.length < pageSize) {
+              ccFinished.value = true;
+            }
             break;
         }
-        if (list.length < pageSize) {
-          finished.value = true;
-        }
+      }).catch((err) => {
+        errorRef.value = true;
       }).finally(() => {
-        loading.value = false;
+        switch (taskStatus) {
+          case "0":
+            todoLoading.value = false;
+            break;
+          case "1":
+            doneLoading.value = false;
+            break;
+          case "2":
+            ccLoading.value = false;
+            break;
+        }
       });
     }
     function onView(item) {
       console.log("查看:", item);
     }
     function onApprove(item) {
-      console.log("同意:", item);
+      console.log("审批:", item);
+      if (props.todoPage) {
+        const params = {
+          traceNo: item.traceNo,
+          taskId: item.taskId,
+          type: "0",
+          taskData: item
+        };
+        emitter.emit("loadPage", {
+          pageId: props.todoPage,
+          params
+        });
+      }
     }
     function onRevoke(item) {
       console.log("撤销:", item);
     }
     function onSearch(val) {
-      console.log("🚀 ~ onSearch ~ val:", val);
+      todoList.value = [];
+      todoFinished.value = false;
+      todoPageNo = 0;
+      doneList.value = [];
+      doneFinished.value = false;
+      donePageNo = 0;
+      ccList.value = [];
+      ccFinished.value = false;
+      ccPageNo = 0;
+      switch (activeName.value) {
+        case "0":
+          onTodoLoad();
+          break;
+        case "1":
+          onDoneLoad();
+          break;
+        case "2":
+          onCcLoad();
+          break;
+      }
     }
     return (_ctx, _cache) => {
       const _component_van_search = Search;
@@ -111,7 +196,7 @@ const _sfc_main = {
           sticky: "",
           class: "fec-tabs",
           active: unref(activeName),
-          "onUpdate:active": _cache[2] || (_cache[2] = ($event) => isRef(activeName) ? activeName.value = $event : null),
+          "onUpdate:active": _cache[7] || (_cache[7] = ($event) => isRef(activeName) ? activeName.value = $event : null),
           swipeable: "",
           "lazy-render": ""
         }, {
@@ -125,11 +210,15 @@ const _sfc_main = {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_2, [
                   createVNode(_component_van_list, {
-                    loading: unref(loading),
-                    "onUpdate:loading": _cache[1] || (_cache[1] = ($event) => isRef(loading) ? loading.value = $event : null),
-                    finished: unref(finished),
+                    loading: unref(todoLoading),
+                    "onUpdate:loading": _cache[1] || (_cache[1] = ($event) => isRef(todoLoading) ? todoLoading.value = $event : null),
+                    error: unref(todoError),
+                    "onUpdate:error": _cache[2] || (_cache[2] = ($event) => isRef(todoError) ? todoError.value = $event : null),
+                    finished: unref(todoFinished),
+                    offset: 50,
                     "finished-text": "没有更多了",
-                    onLoad,
+                    onLoad: onTodoLoad,
+                    "error-text": "请求失败，点击重新加载",
                     class: "fec-list"
                   }, {
                     default: withCtx(() => [
@@ -138,13 +227,12 @@ const _sfc_main = {
                           key: item.id,
                           item,
                           type: 0,
-                          onView,
                           onApprove
                         }, null, 8, ["item"]);
                       }), 128))
                     ]),
                     _: 1
-                  }, 8, ["loading", "finished"])
+                  }, 8, ["loading", "error", "finished"])
                 ])
               ]),
               _: 1
@@ -157,17 +245,31 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_3, [
-                  createElementVNode("div", _hoisted_4, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(doneList), (item) => {
-                      return openBlock(), createBlock(ApprovalCard, {
-                        key: item.id,
-                        item,
-                        type: 1,
-                        onView,
-                        onRevoke
-                      }, null, 8, ["item"]);
-                    }), 128))
-                  ])
+                  createVNode(_component_van_list, {
+                    loading: unref(doneLoading),
+                    "onUpdate:loading": _cache[3] || (_cache[3] = ($event) => isRef(doneLoading) ? doneLoading.value = $event : null),
+                    error: unref(doneError),
+                    "onUpdate:error": _cache[4] || (_cache[4] = ($event) => isRef(doneError) ? doneError.value = $event : null),
+                    finished: unref(doneFinished),
+                    offset: 50,
+                    "finished-text": "没有更多了",
+                    "error-text": "请求失败，点击重新加载",
+                    onLoad: onDoneLoad,
+                    class: "fec-list"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(doneList), (item) => {
+                        return openBlock(), createBlock(ApprovalCard, {
+                          key: item.id,
+                          item,
+                          type: 1,
+                          onView,
+                          onRevoke
+                        }, null, 8, ["item"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "error", "finished"])
                 ])
               ]),
               _: 1
@@ -179,17 +281,31 @@ const _sfc_main = {
               "show-zero-badge": false
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_5, [
-                  createElementVNode("div", _hoisted_6, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ccList), (item) => {
-                      return openBlock(), createBlock(ApprovalCard, {
-                        key: item.id,
-                        item,
-                        type: 2,
-                        onView
-                      }, null, 8, ["item"]);
-                    }), 128))
-                  ])
+                createElementVNode("div", _hoisted_4, [
+                  createVNode(_component_van_list, {
+                    loading: unref(ccLoading),
+                    "onUpdate:loading": _cache[5] || (_cache[5] = ($event) => isRef(ccLoading) ? ccLoading.value = $event : null),
+                    error: unref(ccError),
+                    "onUpdate:error": _cache[6] || (_cache[6] = ($event) => isRef(ccError) ? ccError.value = $event : null),
+                    finished: unref(ccFinished),
+                    offset: 50,
+                    "finished-text": "没有更多了",
+                    "error-text": "请求失败，点击重新加载",
+                    onLoad: onCcLoad,
+                    class: "fec-list"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ccList), (item) => {
+                        return openBlock(), createBlock(ApprovalCard, {
+                          key: item.id,
+                          item,
+                          type: 2,
+                          onView
+                        }, null, 8, ["item"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "error", "finished"])
                 ])
               ]),
               _: 1
@@ -201,7 +317,7 @@ const _sfc_main = {
     };
   }
 };
-const _ApprovalList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-15b64ae4"]]);
+const _ApprovalList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64531f31"]]);
 export {
   _ApprovalList as default
 };