@uxda/appkit 1.0.0

package/dist/index.js

@@ -0,0 +1,1755 @@
+import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, createTextVNode, unref, computed, withDirectives, vShow } from 'vue';
+import Taro, { usePageScroll } from '@tarojs/taro';
+import { Grid, GridItem, Button, Checkbox, Popup, OverLay, Icon, DatePicker } from '@nutui/nutui-taro';
+
+const _hoisted_1$9 = { class: "token-line" };
+var script$a = /* @__PURE__ */ defineComponent({
+  __name: "AmountPicker",
+  props: {
+    items: { type: Array, required: true, default: () => [
+      {
+        token: 1e3,
+        amount: 100
+      }
+    ] },
+    selected: { type: Number, required: false, default: () => 0 }
+  },
+  setup(__props) {
+    const state = reactive({
+      selected: 0
+    });
+    const onGridItemClick = (index) => {
+      state.selected = index;
+    };
+    return (_ctx, _cache) => {
+      const _component_nut_grid_item = resolveComponent("nut-grid-item");
+      const _component_nut_grid = resolveComponent("nut-grid");
+      return openBlock(), createBlock(_component_nut_grid, {
+        class: "amounts-picker",
+        "column-num": 3,
+        gutter: 10,
+        border: false
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(_ctx.items, (amount, index) => {
+              return openBlock(), createBlock(_component_nut_grid_item, {
+                class: normalizeClass(["tile", { selected: state.selected === index }]),
+                onClick: () => onGridItemClick(index),
+                key: index
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "h4",
+                    _hoisted_1$9,
+                    toDisplayString(amount.token),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "h5",
+                    null,
+                    "\xA5" + toDisplayString(amount.amount),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["class", "onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$b = ".amounts-picker .nut-grid-item__content {\n  border-radius: 10px;\n  border: 1px solid rgba(204, 204, 204, 0.8);\n  background: #F5F5F5;\n}\n.amounts-picker .tile {\n  height: 80px;\n}\n.amounts-picker .tile.selected .nut-grid-item__content {\n  border-width: 2px;\n  border-color: #EFD082;\n  background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);\n}\n.amounts-picker h4 {\n  color: #d00;\n  font-size: 18px;\n}\n.amounts-picker h5 {\n  font-size: 12px;\n}";
+styleInject(css_248z$b);
+
+var css_248z$a = ".amounts-picker {\n  padding-top: 10px;\n}\n.amounts-picker .nut-grid-item__content {\n  border-radius: 8px;\n}\n.amounts-picker h4.token-line {\n  background-image: url(\"https://cdn.ddjf.com/static/images/appkit/yundou.png\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: left center;\n  padding-left: 24px;\n  color: #FD6701;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 25px;\n}\n.amounts-picker h5 {\n  font-size: 14px;\n  line-height: 18px;\n  color: #353535;\n  font-weight: 600;\n  opacity: 0.6;\n  margin-top: 4px;\n}";
+styleInject(css_248z$a);
+
+script$a.__file = "src/payment/components/AmountPicker.vue";
+
+const _hoisted_1$8 = { class: "agreement-doc" };
+const _hoisted_2$7 = /* @__PURE__ */ createStaticVNode("<h1>\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\u534F\u8BAE</h1><p>2023-12-01</p><p>\xA0</p><p>\u6B22\u8FCE\u60A8\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\uFF01</p><h2>\u3010\u63D0\u793A\u6761\u6B3E\u3011</h2><p>\u6B22\u8FCE\u60A8\u4E0E\u5927\u9053\u4E91\u5E73\u53F0\u670D\u52A1\u63D0\u4F9B\u8005\u7B7E\u7F72\u300A\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\u534F\u8BAE\u300B\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u534F\u8BAE\u201D\uFF09\u5E76\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u503C\u670D\u52A1\uFF01\u60A8\u7406\u89E3\u548C\u540C\u610F\u672C\u534F\u8BAE\u7CFB\u6839\u636E\u300A\u7528\u6237\u6CE8\u518C\u534F\u8BAE\u300B\u7B49\u534F\u8BAE\u5236\u5B9A\uFF0C\u672C\u534F\u8BAE\u4E3A\u524D\u8FF0\u534F\u8BAE\u4E0D\u53EF\u5206\u5272\u7684\u4E00\u90E8\u5206\uFF0C\u672C\u534F\u8BAE\u672A\u89C4\u5B9A\u7684\uFF0C\u9002\u7528\u300A\u7528\u6237\u6CE8\u518C\u534F\u8BAE\u300B\u7B49\u534F\u8BAE\u4E2D\u7684\u76F8\u5173\u7EA6\u5B9A\u3002</p><p>\xA0</p><p><h2>\u3010\u5BA1\u614E\u9605\u8BFB\u3011</h2></p><p>\u5728\u4F7F\u7528\u672C\u670D\u52A1\u524D\uFF0C\u8BF7\u60A8\u52A1\u5FC5\u5BA1\u614E\u9605\u8BFB\u3001\u5145\u5206\u7406\u89E3\u5404\u6761\u6B3E\u5185\u5BB9\uFF0C\u7279\u522B\u662F\u514D\u9664\u6216\u9650\u5236\u8D23\u4EFB\u7684\u76F8\u5E94\u6761\u6B3E\uFF0C\u4EE5\u53CA\u5F00\u901A\u6216\u4F7F\u7528\u67D0\u9879\u670D\u52A1\u7684\u5355\u72EC\u534F\u8BAE\uFF0C\u60A8\u4F7F\u7528\u6B64\u670D\u52A1\u5373\u8868\u793A\u60A8\u63A5\u53D7\u672C\u534F\u8BAE\u3002\u9650\u5236\u6216\u514D\u9664\u8D23\u4EFB\u6761\u6B3E\u53EF\u80FD\u4EE5\u52A0\u7C97\u5F62\u5F0F\u63D0\u793A\u60A8\u6CE8\u610F\u3002</p><p>\xA0</p><p>\u3010\u7279\u522B\u63D0\u793A\u3011</p><p>\u5145\u503C\u7528\u6237\u786E\u8BA4\uFF0C\u81EA\u5DF1\u4E3A\u5E74\u6EE118\u5468\u5C81\u4E14\u5177\u6709\u5B8C\u5168\u6C11\u4E8B\u884C\u4E3A\u80FD\u529B\u7684\u6210\u5E74\u4EBA\uFF0C\u9664\u975E\u60A8\u5DF2\u9605\u8BFB\u5E76\u63A5\u53D7\u672C\u534F\u8BAE\u6240\u6709\u6761\u6B3E\uFF0C\u5426\u5219\u60A8\u65E0\u6743\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u5145\u503C\u670D\u52A1\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u670D\u52A1\u201D\uFF09\u3002\u60A8\u5BF9\u672C\u670D\u52A1\u7684\u4EFB\u4F55\u8D2D\u4E70\u3001\u767B\u5F55\u3001\u67E5\u770B\u7B49\u4F7F\u7528\u884C\u4E3A\u5373\u89C6\u4E3A\u60A8\u5DF2\u9605\u8BFB\u5E76\u540C\u610F\u672C\u534F\u8BAE\u7684\u7EA6\u675F\u3002</p><p>\xA0</p><p>\u4E00\u3001\u534F\u8BAE\u7684\u8303\u56F4</p><p>\xA0</p><p>1.1\u3010\u534F\u8BAE\u9002\u7528\u4E3B\u4F53\u8303\u56F4\u3011</p><p>\u672C\u534F\u8BAE\u662F\u60A8\u4E0E\u5927\u9053\u4E91\u5E73\u53F0\u4E4B\u95F4\u5173\u4E8E\u60A8\u4F7F\u7528\u672C\u670D\u52A1\u6240\u8BA2\u7ACB\u7684\u534F\u8BAE\u3002</p><p>\xA0</p><p>1.2\u3010\u670D\u52A1\u5185\u5BB9\u3011</p><p>\u672C\u534F\u8BAE\u9879\u4E0B\u7684\u670D\u52A1\u662F\u6307\u5927\u9053\u4E91\u5E73\u53F0\u5411\u7528\u6237\u63D0\u4F9B\u7684\u4E91\u8C46\u5145\u503C\u670D\u52A1\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u670D\u52A1\u201D\uFF09\u3002\u672C\u534F\u8BAE\u5185\u5BB9\u540C\u65F6\u5305\u62EC\u5927\u9053\u4E91\u5E73\u53F0\u53EF\u80FD\u4E0D\u65AD\u53D1\u5E03\u7684\u5173\u4E8E\u672C\u670D\u52A1\u7684\u76F8\u5173\u534F\u8BAE\u3001\u4E1A\u52A1\u89C4\u5219\u7B49\u5185\u5BB9\u3002\u4E0A\u8FF0\u5185\u5BB9\u4E00\u7ECF\u6B63\u5F0F\u53D1\u5E03\uFF0C\u5373\u4E3A\u672C\u534F\u8BAE\u4E0D\u53EF\u5206\u5272\u7684\u7EC4\u6210\u90E8\u5206\uFF0C\u60A8\u540C\u6837\u5E94\u5F53\u9075\u5B88\u3002</p><p>\xA0</p><p>\xA0</p><p>\u4E8C\u3001\u540D\u8BCD\u5B9A\u4E49</p><p>\xA0</p><p>2.1\u3010\u4E91\u8C46\u3011</p><p>2.1.1 \u4E91\u8C46\u7CFB\u5927\u9053\u4E91\u5E73\u53F0\u4E3A\u7528\u6237\u63D0\u4F9B\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u7528\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u7684\u4EA7\u54C1\u6743\u76CA\u4F7F\u7528\u62B5\u6263\u3002</p><p>2.1.2 \u4E91\u8C46\u5C5E\u4E8E\u5728\u7EBF\u4EA4\u4ED8\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u4E91\u8C46\u7684\u8D2D\u4E70\u8D39\u7528\u7CFB\u6570\u5B57\u5316\u5546\u54C1\u4EF7\u683C\uFF0C\u800C\u4E0D\u5177\u6709\u9884\u4ED8\u6B3E\u6027\u8D28\u6216\u8005\u5B9A\u91D1\u3001\u50A8\u503C\u7B49\u6027\u8D28\uFF0C\u4E91\u8C46\u8D2D\u4E70\u6210\u529F\u540E\u4E0D\u53EF\u8F6C\u8BA9\u6216\u8005\u9006\u5411\u5151\u6362\u4E3A\u4EBA\u6C11\u5E01\u6216\u5176\u4ED6\u8D27\u5E01\u3002</p><p>2.1.3 \u4E91\u8C46\u4EC5\u9650\u4E8E\u7528\u6237\u81EA\u5DF1\u8D26\u53F7\u5728\u5927\u9053\u4E91\u5E73\u53F0\u4F7F\u7528\uFF0C\u4E0D\u5F97\u4EE5\u76C8\u5229\u7B49\u975E\u4E2A\u4EBA\u4F7F\u7528\u76EE\u7684\u4F7F\u7528\u4E91\u8C46\uFF0C\u6216\u901A\u8FC7\u8D60\u4E0E\u3001\u51FA\u501F\u3001\u8F6C\u8BA9\u3001\u9500\u552E\u3001\u62B5\u62BC\u3001\u8BB8\u53EF\u4ED6\u4EBA\u4F7F\u7528\u7B49\u65B9\u5F0F\u83B7\u53D6\u6216\u5904\u7F6E\u4E91\u8C46\u3002</p><p>2.1.4 \u4EBA\u6C11\u5E01\u548C\u4E91\u8C46\u5151\u6362\u7684\u6BD4\u4F8B\u4E3A1:10\uFF08\u53731\u5143\u4EBA\u6C11\u5E01=10\u4E91\u8C46\uFF09\uFF0C\u4E91\u8C46\u5728\u4EFB\u4F55\u60C5\u51B5\u4E0B\u90FD\u4E0D\u5177\u6709\u6CD5\u5B9A\u8D27\u5E01\u7684\u6D41\u8F6C\u53CA\u652F\u4ED8\u529F\u80FD\uFF0C\u4E0D\u5F97\u53CD\u5411\u5151\u6362\u4E3A\u4EBA\u6C11\u5E01\u6216\u5176\u4ED6\u6CD5\u5B9A\u8D27\u5E01\u3001\u5B9E\u7269\u548C\u5176\u4ED6\u865A\u62DF\u8D27\u5E01\uFF0C\u8BF7\u60A8\u6839\u636E\u5B9E\u9645\u9700\u6C42\u8D2D\u4E70\u76F8\u5E94\u6570\u91CF\u7684\u4E91\u8C46\u3002</p><p>2.2\u3010\u5927\u9053\u4E91\u5E73\u53F0\u3011</p><p>\u6307\u7531\u5927\u9053\u4E91\u5E73\u53F0\u6240\u62E5\u6709\u3001\u63A7\u5236\u3001\u7ECF\u8425\u7684\u5927\u9053\u4E91\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u3001\u8702\u9E1F\u6C47\u4E91\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u3001\u8702\u9E1F\u5C45\u95F4\u7CFB\u7EDF\u3001\u8702\u9E1F\u5468\u8F6C\u7CFB\u7EDF\u3002</p><p>\xA0</p><p>\u4E09\u3001\u6743\u5229\u4E49\u52A1</p><p>\xA0</p><p>3.1.1\u60A8\u627F\u8BFA\u5177\u5907\u4F7F\u7528\u672C\u670D\u52A1\u6240\u5FC5\u9700\u7684\u6C11\u4E8B\u80FD\u529B\u548C\u5408\u6CD5\u8D44\u683C\uFF0C\u6709\u6743\u4E14\u6709\u80FD\u529B\u540C\u610F\u672C\u534F\u8BAE\u53CA\u76F8\u5173\u534F\u8BAE\u7684\u5168\u90E8\u5185\u5BB9\u3002</p><p>3.1.2 \u60A8\u5E94\u59A5\u5584\u4FDD\u7BA1\u5927\u9053\u4E91\u5E73\u53F0\u8D26\u53F7\u7684\u7528\u6237\u540D\u53CA\u5176\u5BC6\u7801\uFF0C\u5E76\u5BF9\u8BE5\u8D26\u53F7\u4E0B\u7684\u4E00\u5207\u64CD\u4F5C\u884C\u4E3A\u8D1F\u8D23\u3002\u5982\u60A8\u7684\u5927\u9053\u4E91\u8D26\u53F7\u5B58\u5728\u5F02\u5E38\u60C5\u5F62\uFF0C\u60A8\u53EF\u4EE5\u8054\u7CFB\u5BA2\u670D\u6302\u5931\u6216\u51BB\u7ED3\u60A8\u7684\u8D26\u6237\u3002\u6B64\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u9700\u8981\u60A8\u63D0\u4F9B\u5927\u9053\u4E91\u8D26\u53F7\u7684\u6CE8\u518C\u4FE1\u606F\u4EE5\u5B8C\u6210\u8EAB\u4EFD\u6838\u9A8C\u3002\u60A8\u7406\u89E3\u5E76\u786E\u8BA4\uFF0C\u7531\u4E8E\u6280\u672F\u5C40\u9650\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u4FDD\u8BC1\u8EAB\u4EFD\u6838\u9A8C\u7684\u51C6\u786E\u6027\u548C\u771F\u5B9E\u6027\u3002</p><p>3.1.3 \u60A8\u627F\u8BFA\u4E0D\u5F97\u901A\u8FC7\u975E\u5927\u9053\u4E91\u5E73\u53F0\u6307\u5B9A\u9014\u5F84\u6216\u4EFB\u4F55\u8FDD\u53CD\u76F8\u5173\u6CD5\u89C4\u3001\u8FDD\u53CD\u672C\u534F\u8BAE\u3001\u4E0D\u6B63\u5F53\u624B\u6BB5\u7B49\u8D2D\u4E70\u4E91\u8C46\u3002</p><p>3.1.4\u5927\u9053\u4E91\u5E73\u53F0\u53EF\u80FD\u4F1A\u6839\u636E\u672C\u670D\u52A1\u7684\u6574\u4F53\u89C4\u5212\uFF0C\u5BF9\u672C\u670D\u52A1\u7684\u6536\u8D39\u6807\u51C6\u3001\u65B9\u5F0F\u7B49\u8FDB\u884C\u4FEE\u6539\u548C\u53D8\u66F4\uFF0C\u524D\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5C06\u5728\u76F8\u5E94\u670D\u52A1\u9875\u9762\u8FDB\u884C\u901A\u77E5\u6216\u516C\u544A\u3002\u5982\u679C\u60A8\u4E0D\u540C\u610F\u4E0A\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\uFF0C\u5219\u5E94\u505C\u6B62\u4F7F\u7528\u672C\u670D\u52A1\u3002\u5426\u5219\uFF0C\u60A8\u7684\u4EFB\u4F55\u8D2D\u4E70\u3001\u767B\u5F55\u3001\u67E5\u770B\u7B49\u4F7F\u7528\u884C\u4E3A\uFF0C\u5373\u89C6\u4E3A\u60A8\u540C\u610F\u4E0A\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\u3002</p><p>3.1.5 \u5927\u9053\u4E91\u5E73\u53F0\u5728\u76EE\u524D\u6280\u672F\u6C34\u5E73\u4E0B\uFF0C\u6700\u5927\u7A0B\u5EA6\u5730\u4FDD\u969C\u672C\u529F\u80FD\u7684\u6B63\u5E38\u8FD0\u884C\uFF0C\u4EE5\u7EF4\u62A4\u4F60\u7684\u5229\u76CA\u3002\u5927\u9053\u4E91\u5E73\u53F0\u5BF9\u672C\u670D\u52A1\u4E0D\u4F5C\u4EFB\u4F55\u660E\u793A\u6216\u6697\u793A\u7684\u4FDD\u8BC1\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u5BF9\u672C\u670D\u52A1\u7684\u53EF\u9002\u7528\u6027\u3001\u6301\u7EED\u6027\u7B49\u3002</p><p>\xA0</p><p>\u56DB\u3001\u4E91\u8C46\u4F7F\u7528\u89C4\u5219\u53CA\u7279\u522B\u7EA6\u5B9A</p><p>\xA0</p><p>4.1 \u5927\u9053\u4E91\u5E73\u53F0\u5411\u60A8\u63D0\u4F9B\u8D2D\u4E70\u3001\u7BA1\u7406\u4E91\u8C46\u6709\u5173\u7684\u7F51\u7EDC\u589E\u503C\u670D\u52A1\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u4E91\u8C46\u7684\u8D2D\u4E70\u3001\u8D26\u6237\u7BA1\u7406\u9875\u9762\u3001\u4EA4\u6613\u660E\u7EC6\u67E5\u8BE2\u670D\u52A1\uFF08\u4EE5\u4E0B\u79F0\u201C\u4E91\u8C46\u670D\u52A1\u201D\uFF09\u3002\u4E91\u8C46\u670D\u52A1\u7684\u5177\u4F53\u5185\u5BB9\u8BF7\u4EE5\u76F8\u5173\u9875\u9762\u7684\u4FE1\u606F\u4E3A\u51C6\u3002\u60A8\u540C\u610F\u4EE5\u5927\u9053\u4E91\u5E73\u53F0\u7559\u5B58\u7684\u4EA4\u6613\u8BB0\u5F55\u4F5C\u4E3A\u4E91\u8C46\u8D2D\u4E70\u7684\u552F\u4E00\u6709\u6548\u4F9D\u636E\uFF0C\u5982\u60A8\u5BF9\u5927\u9053\u4E91\u5E73\u53F0\u7559\u5B58\u7684\u4EA4\u6613\u8BB0\u5F55\u6709\u5F02\u8BAE\uFF0C\u60A8\u5E94\u7ACB\u5373\u5411\u5927\u9053\u4E91\u5E73\u53F0\u63D0\u51FA\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u7ECF\u6838\u5BF9\u540E\u53D1\u73B0\u786E\u6709\u9519\u8BEF\u7684\uFF0C\u5C06\u4E88\u4EE5\u6539\u6B63\u3002</p><p>4.2.\u60A8\u5E94\u8BE5\u901A\u8FC7\u5927\u9053\u4E91\u5E73\u53F0\u5B98\u65B9\u6307\u5B9A\u7684\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u652F\u4ED8\u5B9D\u3001\u8D22\u4ED8\u901A\u7B49\u65B9\u5F0F\u4F9D\u7EA6\u652F\u4ED8\u4E00\u5B9A\u8D39\u7528\u540E\u8D2D\u4E70\u4E91\u8C46\u3002</p><p>4.3 \u60A8\u5FC5\u987B\u4E3A\u7ED1\u5B9A\u7684\u652F\u4ED8\u6E20\u9053\u8D26\u6237\u5F00\u6237\u4EBA/\u6301\u6709\u4EBA\uFF0C\u53EF\u5408\u6CD5\u3001\u6709\u6548\u4F7F\u7528\u8BE5\u8D26\u6237\u4E14\u672A\u4FB5\u72AF\u4EFB\u4F55\u7B2C\u4E09\u65B9\u6743\u76CA\uFF0C\u5426\u5219\u56E0\u6B64\u9020\u6210\u652F\u4ED8\u8D26\u6237\u5B9E\u9645\u6240\u6709\u4EBA\u635F\u5931\u7684\uFF0C\u5E94\u7531\u60A8\u5355\u72EC\u8D1F\u8D23\u89E3\u51B3\u7531\u6B64\u4EA7\u751F\u7684\u7EA0\u7EB7\u5E76\u627F\u62C5\u5168\u90E8\u6CD5\u5F8B\u8D23\u4EFB\u3002</p><p>4.4 \u60A8\u5E94\u5728\u8D2D\u4E70\u4E91\u8C46\u65F6\u4ED4\u7EC6\u786E\u8BA4\u8D26\u53F7\u3001\u652F\u4ED8\u8D26\u6237\u3001\u8D2D\u4E70\u6570\u91CF\u3001\u8D2D\u4E70\u8D39\u7528\u7B49\u4EA4\u6613\u4FE1\u606F\u51C6\u786E\u65E0\u8BEF\uFF0C\u5982\u56E0\u60A8\u81EA\u8EAB\u539F\u56E0\uFF08\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u8D26\u53F7\u9519\u8BEF\u3001\u652F\u4ED8\u8D26\u6237\u9519\u8BEF\u3001\u64CD\u4F5C\u4E0D\u5F53\u3001\u8D26\u53F7/\u652F\u4ED8\u8D26\u6237\u5B58\u5728\u5F02\u5E38\u60C5\u51B5\u7B49\uFF09\u5BFC\u81F4\u7684\u4EFB\u4F55\u635F\u5931\u5E94\u7531\u60A8\u81EA\u884C\u627F\u62C5\u3002</p><p>4.5 \u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u51B3\u5B9A\u4E91\u8C46\u5982\u4F55\u88AB\u4F7F\u7528\uFF08\u5305\u62EC\u5151\u6362\u865A\u62DF\u5546\u54C1\u7B49\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u4F7F\u7528\u7684\u4EA7\u54C1\u6216\u670D\u52A1\uFF09\u3002</p><p>\xA0</p><p>\u4E94\u3001\u884C\u4E3A\u89C4\u8303</p><p>\xA0</p><p>5.1\u3010\u7528\u6237\u7981\u6B62\u884C\u4E3A\u3011</p><p>\u672C\u670D\u52A1\u4EC5\u4F9B\u60A8\u4E2A\u4EBA\u4F7F\u7528\uFF0C\u9664\u975E\u7ECF\u5927\u9053\u4E91\u5E73\u53F0\u4E66\u9762\u8BB8\u53EF\uFF0C\u60A8\u4E0D\u5F97\u8FDB\u884C\u4EE5\u4E0B\u884C\u4E3A\uFF1A</p><p>5.1.1 \u5C06\u672C\u670D\u52A1\u8F6C\u8BA9\u8BB8\u53EF\u4ED6\u4EBA\u4F7F\u7528\uFF1B</p><p>5.1.2 \u5176\u4ED6\u672A\u7ECF\u5927\u9053\u4E91\u5E73\u53F0\u4E66\u9762\u8BB8\u53EF\u7684\u884C\u4E3A\u3002</p><p>5.2\u3010\u884C\u4E3A\u8D23\u4EFB\u3011</p><p>\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u60A8\u7528\u4EE5\u53C2\u4E0E\u672C\u670D\u52A1\u7684\u5927\u9053\u4E91\u8D26\u53F7\u7531\u60A8\u72EC\u7ACB\u7EF4\u62A4\u3001\u4F7F\u7528\u5E76\u72EC\u7ACB\u627F\u62C5\u5168\u90E8\u8D23\u4EFB\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u4E0D\u4F1A\u3001\u4E5F\u4E0D\u53EF\u80FD\u53C2\u4E0E\u8BE5\u8D26\u53F7\u7684\u4F7F\u7528\u7B49\u4EFB\u4F55\u6D3B\u52A8\u3002\u60A8\u5E94\u5BF9\u672C\u670D\u52A1\u4E2D\u7684\u5185\u5BB9\u81EA\u884C\u52A0\u4EE5\u5224\u65AD\uFF0C\u5E76\u627F\u62C5\u56E0\u4F7F\u7528\u5185\u5BB9\u800C\u5F15\u8D77\u7684\u6240\u6709\u98CE\u9669\uFF0C\u5305\u62EC\u56E0\u5BF9\u5185\u5BB9\u7684\u6B63\u786E\u6027\u3001\u5B8C\u6574\u6027\u6216\u5B9E\u7528\u6027\u7684\u4F9D\u8D56\u800C\u4EA7\u751F\u7684\u98CE\u9669\u3002\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u4E14\u4E0D\u4F1A\u5BF9\u56E0\u524D\u8FF0\u98CE\u9669\u800C\u5BFC\u81F4\u7684\u4EFB\u4F55\u635F\u5931\u6216\u635F\u5BB3\u627F\u62C5\u4EFB\u4F55\u8D23\u4EFB\u3002</p><p>\xA0</p><p>\u516D\u3001\u670D\u52A1\u7684\u53D8\u66F4\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62</p><p>\xA0</p><p>\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u7531\u4E8E\u4E92\u8054\u7F51\u670D\u52A1\u7684\u7279\u6B8A\u6027\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u53EF\u4EE5\u5728\u4E0D\u63D0\u524D\u901A\u77E5\u60A8\u7684\u60C5\u51B5\u4E4B\u4E0B\uFF0C\u6839\u636E\u672C\u670D\u52A1\u7684\u6574\u4F53\u89C4\u5212\uFF0C\u5355\u65B9\u6709\u6743\u5BF9\u672C\u670D\u52A1\u5185\u5BB9\u8FDB\u884C\u53D8\u66F4\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62\u3002</p><p>\xA0</p><p>\u4E03\u3001\u8FDD\u7EA6\u8D23\u4EFB</p><p>\xA0</p><p>7.1 \u5982\u679C\u5927\u9053\u4E91\u5E73\u53F0\u53D1\u73B0\u6216\u6536\u5230\u4ED6\u4EBA\u4E3E\u62A5\u60A8\u6709\u8FDD\u53CD\u672C\u534F\u8BAE\u4EFB\u4F55\u884C\u4E3A\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u8FDB\u884C\u72EC\u7ACB\u5224\u65AD\u5E76\u91C7\u53D6\u6280\u672F\u624B\u6BB5\u4E88\u4EE5\u5220\u9664\u3001\u5C4F\u853D\u6216\u65AD\u5F00\u76F8\u5173\u7684\u4FE1\u606F\u3002\u540C\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u89C6\u60A8\u7684\u884C\u4E3A\u6027\u8D28\uFF0C\u5BF9\u60A8\u91C7\u53D6\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u6682\u505C\u6216\u7EC8\u6B62\u90E8\u5206\u6216\u5168\u90E8\u672C\u670D\u52A1\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62\u60A8\u5BF9\u8D26\u53F7\u7684\u4F7F\u7528\u3001\u8FFD\u7A76\u6CD5\u5F8B\u8D23\u4EFB\u7B49\u63AA\u65BD\uFF0C\u800C\u7531\u6B64\u7ED9\u60A8\u5E26\u6765\u7684\u635F\u5931\uFF08\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u901A\u4FE1\u4E2D\u65AD\u3001\u76F8\u5173\u6570\u636E\u6E05\u7A7A\u3001\u670D\u52A1\u8D39\u7528\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u7B49\uFF09\uFF0C\u7531\u60A8\u81EA\u884C\u627F\u62C5\uFF0C\u9020\u6210\u5927\u9053\u4E91\u5E73\u53F0\u635F\u5931\u7684\uFF0C\u60A8\u4E5F\u5E94\u4E88\u4EE5\u8D54\u507F\u3002\u82E5\u5927\u9053\u4E91\u5E73\u53F0\u4F9D\u524D\u8FF0\u7EA6\u5B9A\u5BF9\u60A8\u91C7\u53D6\u6682\u505C\u6216\u7EC8\u6B62\u90E8\u5206\u6216\u5168\u90E8\u672C\u670D\u52A1\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u9700\u5411\u60A8\u9000\u8FD8\u4EFB\u4F55\u8D39\u7528\uFF0C\u5269\u4F59\u7684\u670D\u52A1\u8D39\u7528\uFF0C\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u3002</p><p>\xA0</p><p>7.2\u3010\u5BF9\u7B2C\u4E09\u65B9\u635F\u5BB3\u7684\u5904\u7406\u3011</p><p>\u60A8\u6709\u8FDD\u53CD\u672C\u534F\u8BAE\u4EFB\u4F55\u884C\u4E3A\uFF0C\u5BFC\u81F4\u4EFB\u4F55\u7B2C\u4E09\u65B9\u635F\u5BB3\u7684\uFF0C\u60A8\u5E94\u5F53\u72EC\u7ACB\u627F\u62C5\u8D23\u4EFB\uFF1B\u5927\u9053\u4E91\u5E73\u53F0\u56E0\u6B64\u906D\u53D7\u635F\u5931\u7684\uFF0C\u60A8\u4E5F\u5E94\u5F53\u4E00\u5E76\u8D54\u507F\u3002</p><p>\xA0</p><p>7.3\u3010\u5355\u65B9\u63D0\u524D\u7EC8\u6B62\u670D\u52A1\u3011</p><p>\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u60A8\u5728\u9009\u62E9\u4F7F\u7528\u672C\u670D\u52A1\u540E\uFF0C\u82E5\u60A8\u5728\u65E0\u4EFB\u4F55\u6CD5\u5B9A\u6216\u7EA6\u5B9A\u7406\u7531\u7684\u60C5\u51B5\u4E4B\u4E0B\uFF0C\u5355\u65B9\u8981\u6C42\u63D0\u524D\u7EC8\u6B62\u672C\u670D\u52A1\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u9700\u5411\u60A8\u9000\u8FD8\u4EFB\u4F55\u8D39\u7528\uFF0C\u5269\u4F59\u7684\u670D\u52A1\u8D39\u7528\uFF0C\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u3002</p><p>\xA0</p><p>\u516B\u3001\u514D\u8D23\u6761\u6B3E</p><p>\xA0</p><p>8.1 \u60A8\u7406\u89E3\u5E76\u540C\u610F\uFF1A\u5728\u4F7F\u7528\u672C\u670D\u52A1\u7684\u8FC7\u7A0B\u4E2D\uFF0C\u53EF\u80FD\u4F1A\u56E0\u4E0D\u53EF\u6297\u529B\u800C\u4F7F\u672C\u670D\u52A1\u53D1\u751F\u4E2D\u65AD\uFF0C\u5E76\u56E0\u6B64\u800C\u5F15\u53D1\u635F\u5BB3\u3002\u4E0D\u53EF\u6297\u529B\u662F\u6307\u4E0D\u80FD\u9884\u89C1\u3001\u4E0D\u80FD\u514B\u670D\u5E76\u4E0D\u80FD\u907F\u514D\u4E14\u5BF9\u4E00\u65B9\u6216\u53CC\u65B9\u9020\u6210\u91CD\u5927\u5F71\u54CD\u7684\u5BA2\u89C2\u4E8B\u4EF6\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u81EA\u7136\u707E\u5BB3\u5982\u6D2A\u6C34\u3001\u5730\u9707\u3001\u98CE\u66B4\u3001\u75AB\u60C5\u7B49\u4EE5\u53CA\u793E\u4F1A\u4E8B\u4EF6\u5982\u6218\u4E89\u3001\u52A8\u4E71\u3001\u653F\u5E9C\u884C\u4E3A\u7B49\u3002\u51FA\u73B0\u4E0A\u8FF0\u60C5\u51B5\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5C06\u52AA\u529B\u5728\u7B2C\u4E00\u65F6\u95F4\u4E0E\u76F8\u5173\u5355\u4F4D\u914D\u5408\uFF0C\u53CA\u65F6\u8FDB\u884C\u4FEE\u590D\uFF0C\u82E5\u7531\u6B64\u7ED9\u60A8\u9020\u6210\u635F\u5931\u7684\uFF0C\u60A8\u540C\u610F\u653E\u5F03\u8FFD\u7A76\u5927\u9053\u4E91\u5E73\u53F0\u7684\u8D23\u4EFB\u3002</p><p>8.2\u60A8\u7406\u89E3\u5E76\u540C\u610F\uFF1A\u82E5\u7531\u4E8E\u4EE5\u4E0B\u60C5\u5F62\u5BFC\u81F4\u7684\u529F\u80FD\u4E2D\u65AD\u6216\u53D7\u963B\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5E76\u4E0D\u627F\u62C5\u4EFB\u4F55\u6CD5\u5F8B\u8D23\u4EFB\uFF1A</p><p>8.2.1\u53D7\u5230\u8BA1\u7B97\u673A\u75C5\u6BD2\u3001\u6728\u9A6C\u6216\u5176\u4ED6\u6076\u610F\u7A0B\u5E8F\u3001\u9ED1\u5BA2\u653B\u51FB\u7684\u7834\u574F\uFF1B</p><p>8.2.2\u60A8\u64CD\u4F5C\u4E0D\u5F53\uFF1B</p><p>8.2.3\u5176\u4ED6\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u63A7\u5236\u6216\u5408\u7406\u9884\u89C1\u7684\u60C5\u5F62\u3002</p><p>\xA0</p><p>\u4E5D\u3001\u5176\u4ED6</p><p>\xA0</p><p>9.1\u3010\u534F\u8BAE\u7684\u751F\u6548\u4E0E\u53D8\u66F4\u3011</p><p>\u60A8\u4F7F\u7528\u672C\u670D\u52A1\u5373\u89C6\u4E3A\u60A8\u5DF2\u9605\u8BFB\u5E76\u540C\u610F\u53D7\u672C\u534F\u8BAE\u7684\u7EA6\u675F\u3002\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u5728\u5FC5\u8981\u65F6\u4FEE\u6539\u672C\u534F\u8BAE\u6761\u6B3E\u3002\u60A8\u53EF\u4EE5\u5728\u76F8\u5173\u9875\u9762\u4E2D\u67E5\u9605\u6700\u65B0\u7684\u534F\u8BAE\u6761\u6B3E\u3002\u672C\u534F\u8BAE\u6761\u6B3E\u53D8\u66F4\u540E\uFF0C\u5982\u679C\u60A8\u7EE7\u7EED\u4F7F\u7528\u672C\u670D\u52A1\uFF0C\u5373\u89C6\u4E3A\u60A8\u5DF2\u63A5\u53D7\u4FEE\u6539\u540E\u7684\u534F\u8BAE\u3002\u5982\u679C\u60A8\u4E0D\u63A5\u53D7\u4FEE\u6539\u540E\u7684\u534F\u8BAE\uFF0C\u5E94\u5F53\u505C\u6B62\u4F7F\u7528\u672C\u670D\u52A1\u3002</p><p>9.2\u3010\u534F\u8BAE\u7B7E\u8BA2\u5730\u3011</p><p>\u672C\u534F\u8BAE\u7B7E\u8BA2\u5730\u4E3A\u4E2D\u534E\u4EBA\u6C11\u5171\u548C\u56FD\u6DF1\u5733\u5E02\u5357\u5C71\u533A\u3002</p><p>9.3\u3010\u9002\u7528\u6CD5\u5F8B\u3011</p><p>\u672C\u534F\u8BAE\u7684\u6210\u7ACB\u3001\u751F\u6548\u3001\u5C65\u884C\u3001\u89E3\u91CA\u53CA\u7EA0\u7EB7\u89E3\u51B3\uFF0C\u9002\u7528\u4E2D\u534E\u4EBA\u6C11\u5171\u548C\u56FD\u5927\u9646\u5730\u533A\u6CD5\u5F8B\uFF08\u4E0D\u5305\u62EC\u51B2\u7A81\u6CD5\uFF09\u3002</p><p>9.4\u3010\u4E89\u8BAE\u89E3\u51B3\u3011</p><p>\u82E5\u60A8\u548C\u5927\u9053\u4E91\u5E73\u53F0\u4E4B\u95F4\u53D1\u751F\u4EFB\u4F55\u7EA0\u7EB7\u6216\u4E89\u8BAE\uFF0C\u9996\u5148\u5E94\u53CB\u597D\u534F\u5546\u89E3\u51B3\uFF1B\u534F\u5546\u4E0D\u6210\u7684\uFF0C\u5404\u65B9\u5171\u540C\u7EA6\u5B9A\uFF0C\u51E1\u56E0\u672C\u534F\u8BAE\u5F15\u8D77\u7684\u6216\u4E0E\u672C\u534F\u8BAE\u6709\u5173\u7684\u4EFB\u4F55\u4E89\u8BAE\uFF0C\u5747\u63D0\u4EA4\u6E5B\u6C5F\u4EF2\u88C1\u59D4\u5458\u4F1A\u4F9D\u5176\u89C4\u5219\u548C\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u4ECE\u901F\u4EF2\u88C1\u3002</p><p>9.5\u3010\u6761\u6B3E\u6807\u9898\u3011</p><p>\u672C\u534F\u8BAE\u6240\u6709\u6761\u6B3E\u7684\u6807\u9898\u4EC5\u4E3A\u9605\u8BFB\u65B9\u4FBF\uFF0C\u672C\u8EAB\u5E76\u65E0\u5B9E\u9645\u6DB5\u4E49\uFF0C\u4E0D\u80FD\u4F5C\u4E3A\u672C\u534F\u8BAE\u6DB5\u4E49\u89E3\u91CA\u7684\u4F9D\u636E\u3002</p><p>9.6\u3010\u6761\u6B3E\u6548\u529B\u3011</p><p>\u672C\u534F\u8BAE\u6761\u6B3E\u65E0\u8BBA\u56E0\u4F55\u79CD\u539F\u56E0\u90E8\u5206\u65E0\u6548\u6216\u4E0D\u53EF\u6267\u884C\uFF0C\u5176\u4F59\u6761\u6B3E\u4ECD\u6709\u6548\uFF0C\u5BF9\u53CC\u65B9\u4ECD\u5177\u6709\u7EA6\u675F\u529B\u3002</p>", 93);
+const _hoisted_95 = [
+  _hoisted_2$7
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("view", _hoisted_1$8, [..._hoisted_95]);
+}
+
+var css_248z$9 = ".agreement-doc {\n  padding: 1em;\n  padding-top: 4em;\n  font-size: 12px;\n}\n.agreement-doc h1 {\n  font-size: 20px;\n}\n.agreement-doc p {\n  margin: 0;\n}";
+styleInject(css_248z$9);
+
+const script$9 = {};
+
+script$9.render = render;
+script$9.__file = "src/payment/components/UserAgreement.vue";
+
+function requestPayment$1(json) {
+  return new Promise((resolve, reject) => {
+    const success = (message) => {
+      resolve(true);
+    };
+    const fail = (message) => {
+      resolve(false);
+    };
+    wx.requestPayment({
+      ...json,
+      success,
+      fail
+    });
+  });
+}
+
+const _hoisted_1$7 = {
+  key: 0,
+  class: "page-title"
+};
+var script$8 = /* @__PURE__ */ defineComponent({
+  __name: "PageHeader",
+  props: {
+    title: { type: String, required: false, default: "" },
+    colorMode: { type: String, required: false, default: "light" }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onBackButtonClick = () => {
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "view",
+        {
+          class: normalizeClass([
+            "page-header",
+            `color-mode-${_ctx.colorMode}`
+          ])
+        },
+        [
+          _ctx.title ? (openBlock(), createElementBlock(
+            "h1",
+            _hoisted_1$7,
+            toDisplayString(_ctx.title),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true),
+          createElementVNode("view", {
+            class: "back-button",
+            onClick: onBackButtonClick
+          }),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var css_248z$8 = ".page-header {\n  flex-shrink: 0;\n  position: relative;\n  height: 172px;\n  padding: 1em;\n  box-sizing: border-box;\n  margin-left: -12px;\n  margin-right: -12px;\n  width: calc(100% + 24px);\n}\n.page-header .page-title {\n  position: absolute;\n  font-size: 18px;\n  width: 100%;\n  height: 44px;\n  top: 44px;\n  left: 0;\n  line-height: 44px;\n  text-align: center;\n}\n.page-header .back-button {\n  position: absolute;\n  top: 44px;\n  left: 10px;\n  width: 44px;\n  height: 44px;\n  background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==\");\n  background-size: 22px;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n.page-header.color-mode-dark {\n  color: var(--text-color-dark-mode, \"#fff\");\n}\n.page-header.color-mode-dark .back-button {\n  background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==\");\n}";
+styleInject(css_248z$8);
+
+script$8.__file = "src/shared/components/PageHeader.vue";
+
+var script$7 = /* @__PURE__ */ defineComponent({
+  __name: "AppDrawer",
+  props: {
+    modelValue: { type: Boolean, required: true },
+    title: { type: String, required: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onVisibleChange = (value) => {
+      emit("update:modelValue", value);
+    };
+    const onPageHeaderClose = () => {
+      emit("update:modelValue", false);
+    };
+    return (_ctx, _cache) => {
+      const _component_nut_popup = resolveComponent("nut-popup");
+      return openBlock(), createBlock(_component_nut_popup, {
+        class: normalizeClass([
+          "app-drawer",
+          {
+            open: _ctx.modelValue
+          }
+        ]),
+        position: "right",
+        visible: _ctx.modelValue,
+        "onUpdate:visible": onVisibleChange
+      }, {
+        default: withCtx(() => [
+          createVNode(script$8, {
+            title: _ctx.title,
+            onClose: onPageHeaderClose
+          }, null, 8, ["title"]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "visible"]);
+    };
+  }
+});
+
+var css_248z$7 = ".app-drawer {\n  position: absolute;\n  height: 0;\n}\n.app-drawer.open {\n  height: 100vh;\n}";
+styleInject(css_248z$7);
+
+script$7.__file = "src/shared/components/AppDrawer.vue";
+
+var HttpMethod = /* @__PURE__ */ ((HttpMethod2) => {
+  HttpMethod2["get"] = "GET";
+  HttpMethod2["post"] = "POST";
+  HttpMethod2["put"] = "PUT";
+  HttpMethod2["delete"] = "DELETE";
+  return HttpMethod2;
+})(HttpMethod || {});
+
+const defaultClientConfig = {
+  baseUrl: "https://ytech.ddjf.com",
+  response: {
+    getCode: (data) => data.code,
+    getMessage: (data) => data.msg,
+    getData: (data) => data.result
+  }
+};
+let clientConfig = {
+  ...defaultClientConfig
+};
+const request = (config) => {
+  return new Promise((resolve, reject) => {
+    const data = config.data && clientConfig.translates && clientConfig.translates[config.url] ? clientConfig.translates[config.url](config.data) : config.data;
+    Taro.request({
+      url: `${clientConfig.baseUrl}${config.url}`,
+      data,
+      header: clientConfig.header,
+      method: config.method,
+      success(res) {
+        if (!isSuccess(res)) {
+          reject({});
+        }
+        const { data: raw } = res;
+        if (clientConfig.interceptors?.auth(raw)) {
+          clientConfig.onAuthError?.();
+          reject("auth failed");
+        }
+        if (clientConfig.interceptors?.server(raw)) {
+          clientConfig.onServerError?.();
+          reject("server error");
+        }
+        const response = clientConfig.response?.getData(raw);
+        if (response) {
+          resolve(clientConfig.transforms && clientConfig.transforms[config.url] ? clientConfig.transforms[config.url](response) : response);
+        } else {
+          reject({});
+        }
+      },
+      fail(res) {
+        console.log("HTTP failed", res);
+      }
+    });
+  });
+};
+const get = (url, data) => {
+  return request({
+    url,
+    data,
+    method: HttpMethod.get
+  });
+};
+const post = (url, data) => {
+  return request({
+    url,
+    data,
+    method: HttpMethod.post
+  });
+};
+function useHttp(config) {
+  clientConfig = {
+    ...defaultClientConfig,
+    ...config
+  };
+  return {
+    request,
+    get,
+    post
+  };
+}
+const successResonseCodes = [
+  "200"
+];
+function isSuccess(res) {
+  return /^2/.test(res.statusCode.toString()) && successResonseCodes.includes(`${clientConfig.response?.getCode(res.data)}`);
+}
+
+const endpointsList$1 = {
+  /**
+   * 获取充值套餐包列表
+   * (查询某应用某场景可充值的金额列表)
+   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
+   */
+  getPackages: {
+    path: "/payment/outer/payment/getRechargeList",
+    translate: (data) => ({
+      appCode: data.app,
+      caseCode: "recharge",
+      // 这个参数可以不要
+      tenantId: data.tenant
+    }),
+    transform: (data) => data.amountList.map((d) => ({
+      token: d.desc,
+      amount: d.amount
+    }))
+  },
+  /**
+   * 查询支付参数包
+   * (获取拉起微信支付用的JSON串)
+   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
+   */
+  getPayParams: {
+    // {
+    //   "amount": 100,
+    //   "appCode": "crm",
+    //   "caseCode": "aiApproveRecharge",
+    //   "tenantId": "17454646",
+    //   "transFlowNo": "4343244",
+    //   "certificateNo": "o7k8L0QTqcwRIBKVUPzI7iPfghLM"
+    // }
+    path: "/payment/outer/payment/rechargePay",
+    translate: (params) => ({
+      amount: params.amount,
+      appCode: params.app,
+      // caseCode: data.stage, 这个参数可以不传
+      tenantId: params.tenant,
+      // transFlowNo: '4343244', 这个参数可以不传
+      certificateNo: params.user
+    }),
+    transform: (data) => {
+      let json = null;
+      try {
+        json = JSON.parse(data.prePayStr);
+      } catch (e) {
+      }
+      return {
+        json,
+        // 拉起微信支付用的JSON串
+        paymentId: data.payId
+        // 查询用支付ID
+      };
+    }
+  }
+};
+const endpoints$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([name, def]) => [name, def.path])
+);
+const translates$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.translate])
+);
+const transforms$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.transform])
+);
+
+const globalData = {};
+
+const appKitOptions = {
+  token: () => "",
+  baseUrl: () => ""
+};
+const useAppKitOptions = () => {
+  if (!globalData.$appKitOptions) {
+    globalData.$appKitOptions = appKitOptions;
+  }
+  return globalData.$appKitOptions;
+};
+
+const makeHttp$1 = () => {
+  const appkitOptions = useAppKitOptions();
+  const header = {
+    Token: appkitOptions.token()
+  };
+  const $http = useHttp({
+    baseUrl: appkitOptions.baseUrl(),
+    header,
+    translates: translates$1,
+    transforms: transforms$1
+  });
+  return $http;
+};
+
+const requestPayment = (params) => {
+  return new Promise((resolve, reject) => {
+    const $http = makeHttp$1();
+    $http.post(endpoints$1.getPayParams, {
+      ...params,
+      amount: 0.01
+    }).then((response) => {
+      requestPayment$1(response.json).then((result) => {
+        if (result) {
+          resolve(true);
+        } else {
+          resolve(false);
+        }
+      });
+    });
+  });
+};
+
+const _hoisted_1$6 = { class: "view recharge-view" };
+const _hoisted_2$6 = { class: "flex-grow" };
+const _hoisted_3$6 = { class: "amount-footer" };
+const _hoisted_4$5 = { class: "agreement" };
+var script$6 = /* @__PURE__ */ defineComponent({
+  __name: "RechargeView",
+  props: {
+    app: { type: String, required: true },
+    tenant: { type: String, required: true }
+  },
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = reactive({
+      agreed: false,
+      agreementOpen: false,
+      selected: 0
+    });
+    const amounts = ref([
+      {
+        token: 1e3,
+        amount: 100
+      }
+    ]);
+    const onAgreementLinkClick = ($event) => {
+      state.agreementOpen = true;
+    };
+    onMounted(() => {
+      const $http = makeHttp$1();
+      $http.get(endpoints$1.getPackages, {
+        app: props.app,
+        // stage: 'aiApproveRecharge', // 支付场景
+        tenant: props.tenant
+      }).then((response) => {
+        amounts.value = response;
+      });
+    });
+    const onPayClick = () => {
+      if (!state.agreed) {
+        Taro.showToast({
+          title: "\u8BF7\u52FE\u9009\u5145\u503C\u534F\u8BAE",
+          icon: "none"
+        });
+        return false;
+      }
+      wx.login({
+        success({ code }) {
+          requestPayment({
+            amount: amounts.value[state.selected].amount,
+            app: props.app,
+            // 'crm',
+            tenant: props.tenant,
+            // '17454646',
+            user: code
+          }).then((result) => {
+            emit("complete", result);
+          });
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_nut_checkbox = resolveComponent("nut-checkbox");
+      const _component_nut_button = resolveComponent("nut-button");
+      return openBlock(), createElementBlock("view", _hoisted_1$6, [
+        createElementVNode("view", _hoisted_2$6, [
+          createVNode(script$a, {
+            items: amounts.value,
+            selected: state.selected
+          }, null, 8, ["items", "selected"])
+        ]),
+        createElementVNode("view", _hoisted_3$6, [
+          createElementVNode("view", _hoisted_4$5, [
+            createVNode(_component_nut_checkbox, {
+              modelValue: state.agreed,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.agreed = $event)
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u6211\u5DF2\u9605\u8BFB\u5E76\u540C\u610F"),
+                createElementVNode("a", {
+                  class: "link inline",
+                  onClick: onAgreementLinkClick
+                }, "\u300A\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\u534F\u8BAE\u300B")
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ]),
+          createVNode(_component_nut_button, {
+            block: "",
+            shape: "square",
+            onClick: onPayClick,
+            class: "recharge-button"
+          }, {
+            default: withCtx(() => [
+              createTextVNode("\u7ACB\u5373\u5145\u503C")
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        createVNode(unref(script$7), {
+          modelValue: state.agreementOpen,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.agreementOpen = $event),
+          title: "\u5145\u503C\u534F\u8BAE"
+        }, {
+          default: withCtx(() => [
+            createVNode(script$9)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+var css_248z$6 = ".recharge-view {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.recharge-view .flex-grow {\n  flex-grow: 1;\n}\n.recharge-view .amount-footer {\n  padding: 10px;\n}\n.recharge-view .amount-footer .agreement {\n  font-size: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: cebter;\n  height: 40px;\n}\n.recharge-view .amount-footer .recharge-button {\n  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);\n  color: #353535;\n  margin: 12px 0;\n  border: 0;\n}\n.recharge-view .amount-footer .nut-checkbox {\n  line-height: 40px;\n}\n.recharge-view .amount-footer .nut-checkbox__label {\n  margin-left: 8px;\n  flex: flex;\n  font-size: 12px;\n}\n.recharge-view .amount-footer .link {\n  display: inline;\n  color: #FD6701;\n}";
+styleInject(css_248z$6);
+
+script$6.__file = "src/payment/components/RechargeView.vue";
+
+const components = {
+  AmountPicker: script$a,
+  RechargeView: script$6,
+  UserAgreement: script$9
+};
+
+const typeMappings = {
+  "CZ": "\u5145\u503C",
+  "JF": "\u7F34\u8D39",
+  "FE": "\u8FD4\u989D",
+  "ZJ": "\u589E\u52A0",
+  "KJ": "\u6263\u51CF",
+  "XH": "\u6D88\u8017",
+  "TH": "\u9000\u56DE"
+};
+const typeMappingsReversed = Object.fromEntries(
+  Object.entries(typeMappings).map(([x, y]) => [y, x])
+);
+const positionMappings = {
+  "common": "\u4E91\u8C46",
+  "rights": "\u5C0F\u4E91\u8C46"
+};
+const positionMappingsReversed = Object.fromEntries(
+  Object.entries(positionMappings).map(([x, y]) => [y, x])
+);
+const directionMappings = {
+  0: "\u6536\u5165",
+  1: "\u652F\u51FA"
+};
+const directionMappingsReversed = Object.fromEntries(
+  Object.entries(directionMappings).map(([x, y]) => [y, x])
+);
+const endpointsList = {
+  /**
+   * 余额明细
+   */
+  getBalance: {
+    path: "/ac-app/account/info/detail/app",
+    translate: (data) => ({
+      // appCode: 'fnfundkit',
+      // tenantCode: '1665925586953629696',
+    }),
+    transform(result) {
+      return {
+        total: result.commonAccount,
+        privileges: result.rightsAccountBalList.map((r) => ({
+          title: r.rightsName,
+          amount: r.rightsAccount
+        }))
+      };
+    }
+  },
+  /**
+   * 账户流水明细
+   */
+  getOperations: {
+    path: "/ac-app/account/record/detail/mobile",
+    translate: (data) => {
+      return {
+        accountType: positionMappingsReversed[data.position] || "",
+        inOrOut: directionMappingsReversed[data.direction] || "",
+        changeType: typeMappingsReversed[data.type] || "",
+        operateTimeEnd: data.dateFrom || "",
+        operateTimeStart: data.dateTo || ""
+      };
+    },
+    transform(result) {
+      if (!result.accountRecordDetailDailyList)
+        return [];
+      const data = {
+        from: result.operateTimeStart,
+        to: result.operateTimeEnd,
+        list: result.accountRecordDetailDailyList.map((r) => ({
+          date: r.operateTime,
+          consumptions: r.accountRecordDetailList.map((d) => ({
+            position: positionMappings[d.accountTYpe],
+            type: typeMappings[d.changeType],
+            direction: directionMappings[d.inOrOut],
+            amount: d.changeValue,
+            title: d.rightsName,
+            description: d.remark
+          }))
+        }))
+      };
+      return data;
+    }
+  }
+};
+const endpoints = Object.fromEntries(
+  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
+);
+const translates = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
+);
+const transforms = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
+);
+
+const makeHttp = () => {
+  const appkitOptions = useAppKitOptions();
+  const header = {
+    Token: appkitOptions.token()
+  };
+  const $http = useHttp({
+    baseUrl: appkitOptions.baseUrl(),
+    header,
+    translates,
+    transforms
+  });
+  return $http;
+};
+
+const _hoisted_1$5 = { class: "account-card" };
+const _hoisted_2$5 = { class: "card" };
+const _hoisted_3$5 = { class: "card-row" };
+const _hoisted_4$4 = { class: "card-row-left" };
+const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "bean-box" },
+  [
+    /* @__PURE__ */ createElementVNode("div", { class: "bean-icon-box" }, [
+      /* @__PURE__ */ createElementVNode("img", {
+        class: "bean-icon",
+        src: "https://cdn.ddjf.com/static/images/bpms-workBench/gold-bean.png"
+      })
+    ]),
+    /* @__PURE__ */ createElementVNode("span", { class: "baan-name" }, "\u4E91\u8C46")
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_6$3 = { class: "bean-nums" };
+const _hoisted_7$3 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "account-info-name" },
+  "\u8D26\u6237\u660E\u7EC6",
+  -1
+  /* HOISTED */
+);
+const _hoisted_8$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "account-info-icon" },
+  [
+    /* @__PURE__ */ createElementVNode("img", {
+      class: "icon",
+      src: "https://cdn.ddjf.com/static/images/bpms-workBench/gold-to.png"
+    })
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_9$1 = [
+  _hoisted_7$3,
+  _hoisted_8$1
+];
+const _hoisted_10$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "line" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_11$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "card-row-left desc" },
+  "\u4EC5\u4E91\u8C46\u53EF\u5145\u503C\uFF0C\u5C0F\u4E91\u8C46\u4E3A\u5E73\u53F0\u8D60\u9001",
+  -1
+  /* HOISTED */
+);
+const _hoisted_12$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  null,
+  "\u5145\u503C",
+  -1
+  /* HOISTED */
+);
+const _hoisted_13$1 = /* @__PURE__ */ createElementVNode(
+  "img",
+  {
+    class: "pay-icon",
+    src: "https://cdn.ddjf.com/static/images/bpms-workBench/bean-right.png"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_14$1 = [
+  _hoisted_12$1,
+  _hoisted_13$1
+];
+var script$5 = /* @__PURE__ */ defineComponent({
+  __name: "BalanceCard",
+  emits: [
+    /**
+     * 跳账户详情
+     */
+    "drill",
+    /**
+     * 跳充值页
+     */
+    "recharge"
+  ],
+  setup(__props, { emit: __emit }) {
+    const balance = ref({
+      total: 0,
+      privileges: []
+    });
+    const gotoRecharge = () => {
+      emit("recharge");
+    };
+    async function loadBalance() {
+      const $http = makeHttp();
+      $http.get(endpoints.getBalance, {}).then((data) => {
+        balance.value = data;
+      });
+    }
+    const emit = __emit;
+    function gotoDetail() {
+      emit("drill");
+    }
+    onMounted(() => {
+      loadBalance();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$5, [
+          createElementVNode("div", _hoisted_3$5, [
+            createElementVNode("div", _hoisted_4$4, [
+              _hoisted_5$4,
+              createElementVNode(
+                "div",
+                _hoisted_6$3,
+                toDisplayString(balance.value.total),
+                1
+                /* TEXT */
+              )
+            ]),
+            createElementVNode("div", { class: "card-row-right" }, [
+              createElementVNode("div", {
+                class: "account-info-entry",
+                onClick: gotoDetail
+              }, [..._hoisted_9$1])
+            ])
+          ]),
+          _hoisted_10$1,
+          createElementVNode("div", { class: "card-row" }, [
+            _hoisted_11$1,
+            createElementVNode("div", { class: "card-row-right" }, [
+              createElementVNode("div", {
+                class: "pay",
+                onClick: gotoRecharge
+              }, [..._hoisted_14$1])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+var css_248z$5 = ".account-card .card {\n  background: #2F2F2F;\n  border-radius: 10px;\n  padding: 13px 20px;\n  margin: 0;\n}\n.account-card .card .card-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.account-card .card .card-row .card-row-left {\n  display: flex;\n  flex-direction: column;\n}\n.account-card .card .card-row .card-row-left .bean-box {\n  display: flex;\n  align-items: center;\n}\n.account-card .card .card-row .card-row-left .bean-box .bean-icon-box {\n  width: 20px;\n  height: 20px;\n  margin-right: 8px;\n}\n.account-card .card .card-row .card-row-left .bean-box .bean-icon-box .bean-icon {\n  display: block;\n  font-size: 0;\n  width: 100%;\n  height: 100%;\n}\n.account-card .card .card-row .card-row-left .bean-box .baan-name {\n  color: #F3D59D;\n  font-weight: 600;\n  font-size: 11px;\n}\n.account-card .card .card-row .card-row-left .bean-nums {\n  color: #fff;\n  line-height: 22px;\n  font-weight: 500;\n  font-size: 16px;\n  margin-top: 3px;\n}\n.account-card .card .card-row .desc {\n  font-size: 10px;\n  color: #ccc;\n  line-height: 14px;\n}\n.account-card .card .line {\n  margin: 6px 0px 8px 0px;\n  height: 1px;\n  background: #C3C3C3;\n  opacity: 0.2;\n}\n.account-card .card .card-row-right .pay {\n  padding: 0 8px;\n  line-height: 18px;\n  color: #FFD6A5;\n  border: 1px solid #FFD6A5;\n  border-radius: 9px;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n}\n.account-card .card .card-row-right .pay .pay-icon {\n  display: block;\n  font-size: 0;\n  width: 3px;\n  height: 6px;\n  margin-left: 6px;\n}\n.account-card .card .card-row-right .account-info-entry {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  height: 28px;\n  line-height: 28px;\n  border-radius: 14px;\n  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);\n}\n.account-card .card .card-row-right .account-info-entry .account-info-name {\n  color: #975213;\n  font-size: 13px;\n  font-weight: 500;\n  margin-right: 8px;\n}\n.account-card .card .card-row-right .account-info-entry .account-info-icon {\n  width: 14px;\n  height: 14px;\n  border-radius: 7px;\n}\n.account-card .card .card-row-right .account-info-entry .account-info-icon .icon {\n  display: block;\n  font-size: 0;\n  width: 100%;\n  height: 100%;\n}";
+styleInject(css_248z$5);
+
+script$5.__file = "src/balance/components/BalanceCard.vue";
+
+const consumptionTypes = [
+  "\u5168\u90E8",
+  "\u5145\u503C",
+  "\u7F34\u8D39",
+  "\u8FD4\u989D",
+  "\u589E\u52A0",
+  "\u6263\u51CF",
+  "\u6D88\u8017",
+  "\u9000\u56DE"
+];
+const consumptionPositions = [
+  "\u5168\u90E8",
+  "\u4E91\u8C46",
+  "\u5C0F\u4E91\u8C46"
+];
+const consumptionDirections = [
+  "\u5168\u90E8",
+  "\u6536\u5165",
+  "\u652F\u51FA"
+];
+
+const _hoisted_1$4 = { class: "consumption-filter" };
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "consumption-filter-title" },
+  "\u9009\u62E9\u7B5B\u9009\u9879",
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$4 = { class: "consumption-filter-content" };
+const _hoisted_4$3 = { class: "title" };
+const _hoisted_5$3 = { class: "info" };
+const _hoisted_6$2 = ["onClick"];
+const _hoisted_7$2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "consumption-filter-bottom" },
+  null,
+  -1
+  /* HOISTED */
+);
+var script$4 = /* @__PURE__ */ defineComponent({
+  __name: "ConsumptionFilter",
+  props: {
+    modelValue: { type: Array, required: true, default: () => ["\u5168\u90E8", "\u5168\u90E8", "\u5168\u90E8"] }
+  },
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const result = reactive(props.modelValue);
+    const filterSections = [
+      {
+        title: "\u7C7B\u578B",
+        data: consumptionPositions
+      },
+      {
+        title: "\u6536\u5165/\u652F\u51FA",
+        data: consumptionDirections
+      },
+      {
+        title: "\u660E\u7EC6\u7C7B\u578B",
+        data: consumptionTypes
+      }
+    ];
+    const getItemClass = (index, value) => result[index] === value ? ["current"] : [""];
+    const onFilterSectionClick = (index, value) => {
+      result[index] = value;
+    };
+    const reset = () => {
+    };
+    const onOkClick = () => {
+      emit("complete", result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        _hoisted_2$4,
+        createElementVNode("div", _hoisted_3$4, [
+          (openBlock(), createElementBlock(
+            Fragment,
+            null,
+            renderList(filterSections, (item, index) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                { key: index },
+                [
+                  createElementVNode(
+                    "div",
+                    _hoisted_4$3,
+                    toDisplayString(item.title),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode("div", _hoisted_5$3, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(item.data, (it, i) => {
+                        return openBlock(), createElementBlock("div", {
+                          onClick: () => onFilterSectionClick(index, it),
+                          class: normalizeClass([getItemClass(index, it), "info-item"]),
+                          key: i
+                        }, toDisplayString(it), 11, _hoisted_6$2);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]),
+        createElementVNode("div", { class: "consumption-filter-btn spa-between" }, [
+          createElementVNode("div", {
+            class: "btn",
+            onClick: reset
+          }, "\u91CD\u7F6E"),
+          createElementVNode("div", {
+            class: "btn confirm",
+            onClick: onOkClick
+          }, "\u786E\u5B9A")
+        ]),
+        _hoisted_7$2
+      ]);
+    };
+  }
+});
+
+var css_248z$4 = ".consumption-filter {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.consumption-filter-title {\n  height: 44px;\n  line-height: 44px;\n  font-size: 17px;\n  color: #353535;\n  background: #f5f5f5;\n  text-align: center;\n}\n.consumption-filter-content {\n  flex: 1;\n  margin: 15px;\n  overflow-y: scroll;\n  color: #353535;\n  font-size: 13px;\n}\n.consumption-filter-content .title {\n  opacity: 0.6;\n  line-height: 18px;\n}\n.consumption-filter-content .info {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-gap: 10px;\n  margin: 10px 0;\n}\n.consumption-filter-content .info-item {\n  height: 30px;\n  line-height: 30px;\n  border: 1px solid #ccc;\n  border-radius: 6px;\n  text-align: center;\n}\n.consumption-filter-content .info .current {\n  border: 1px solid;\n  border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);\n  background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);\n}\n.consumption-filter-btn {\n  margin: 0 15px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.consumption-filter-btn .btn {\n  flex: 1;\n  height: 40px;\n  line-height: 40px;\n  text-align: center;\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  color: #666;\n  font-size: 16px;\n  border-radius: 6px;\n}\n.consumption-filter-btn .confirm {\n  margin-left: 11px;\n  color: #000;\n  border: none;\n  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);\n}\n.consumption-filter-bottom {\n  height: 32px;\n  background: #fff;\n}";
+styleInject(css_248z$4);
+
+script$4.__file = "src/balance/components/ConsumptionFilter.vue";
+
+const _hoisted_1$3 = { class: "consumption-date-filter" };
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "date-filter-header" },
+  "\u65E5\u671F\u9009\u62E9",
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$3 = { class: "content" };
+const _hoisted_4$2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "title" },
+  "\u81EA\u5B9A\u4E49",
+  -1
+  /* HOISTED */
+);
+const _hoisted_5$2 = { class: "time" };
+const _hoisted_6$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "line" },
+  "-",
+  -1
+  /* HOISTED */
+);
+const _hoisted_7$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "bottom" },
+  null,
+  -1
+  /* HOISTED */
+);
+var script$3 = /* @__PURE__ */ defineComponent({
+  __name: "DateFilter",
+  props: {
+    from: { type: String, required: true },
+    to: { type: String, required: true }
+  },
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const result = reactive({ ...props });
+    const focused = ref("from");
+    const focusedDate = ref(props.from);
+    const minDate = ref();
+    const maxDate = ref(/* @__PURE__ */ new Date());
+    const datePickerOpen = ref(false);
+    function resetTime() {
+      result.from = props.from;
+      result.from = props.to;
+    }
+    function onOkClick() {
+      emit("complete", result);
+    }
+    function formatDate(date) {
+      const [year, month, day] = date.split("-");
+      return year + "\u5E74" + month + "\u6708" + day + "\u65E5";
+    }
+    function onDatePickerComplete({ selectedValue, selectedOptions }) {
+      console.log("onDatePickerComfirm_______________________", selectedValue, selectedOptions);
+      let time = selectedOptions.map((val) => val.text).join("-");
+      if (focused.value === "from") {
+        result.from = new Date(time) > new Date(result.to) ? result.to : time;
+      } else {
+        result.to = time;
+      }
+    }
+    function switchDateInput(shift) {
+      if (shift === "from") {
+        let time = result.from.split("-").map(Number);
+        minDate.value = new Date(time[0] - 5, 1, 1);
+      } else {
+        let time = result.from.split("-").map(Number);
+        minDate.value = new Date(time[0], time[1] - 1, time[2]);
+      }
+      focusedDate.value = new Date(result[shift]);
+      focused.value = shift;
+      datePickerOpen.value = true;
+    }
+    return (_ctx, _cache) => {
+      const _component_nut_datepicker = resolveComponent("nut-datepicker");
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode("div", _hoisted_1$3, [
+            _hoisted_2$3,
+            createElementVNode("div", _hoisted_3$3, [
+              _hoisted_4$2,
+              createElementVNode("div", _hoisted_5$2, [
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(["item", focused.value === "from" ? "current" : ""]),
+                    onClick: _cache[0] || (_cache[0] = ($event) => switchDateInput("from"))
+                  },
+                  toDisplayString(formatDate(result.from)),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                _hoisted_6$1,
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(["item", focused.value === "to" ? "current" : ""]),
+                    onClick: _cache[1] || (_cache[1] = ($event) => switchDateInput("to"))
+                  },
+                  toDisplayString(formatDate(result.to)),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ])
+            ]),
+            createElementVNode("div", { class: "buttons spa-between" }, [
+              createElementVNode("div", {
+                class: "btn",
+                onClick: resetTime
+              }, "\u91CD\u7F6E"),
+              createElementVNode("div", {
+                class: "btn confirm",
+                onClick: onOkClick
+              }, "\u786E\u5B9A")
+            ]),
+            _hoisted_7$1
+          ]),
+          createVNode(_component_nut_datepicker, {
+            modelValue: focusedDate.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => focusedDate.value = $event),
+            visible: datePickerOpen.value,
+            "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => datePickerOpen.value = $event),
+            "min-date": minDate.value,
+            "max-date": maxDate.value,
+            "is-show-chinese": false,
+            "three-dimensional": false,
+            onConfirm: onDatePickerComplete
+          }, null, 8, ["modelValue", "visible", "min-date", "max-date"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+var css_248z$3 = ".consumption-date-filter {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.consumption-date-filter .date-filter-header {\n  text-align: center;\n  height: 44px;\n  line-height: 44px;\n  color: #353535;\n  font-size: 17px;\n  background-color: #f5f5f5;\n}\n.consumption-date-filter .content {\n  flex: 1;\n  margin: 15px;\n  overflow-y: scroll;\n  color: #353535;\n  font-size: 13px;\n}\n.consumption-date-filter .content .title {\n  opacity: 0.6;\n  line-height: 18px;\n}\n.consumption-date-filter .content .info {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-gap: 10px;\n  margin: 10px 0;\n}\n.consumption-date-filter .content .info .item {\n  height: 30px;\n  line-height: 30px;\n  border: 1px solid #ccc;\n  border-radius: 6px;\n  text-align: center;\n}\n.consumption-date-filter .content .info .current {\n  border: 1px solid;\n  border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);\n  background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);\n}\n.consumption-date-filter .buttons {\n  margin: 0 15px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.consumption-date-filter .buttons .btn {\n  flex: 1;\n  height: 40px;\n  line-height: 40px;\n  text-align: center;\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  color: #666;\n  font-size: 16px;\n  border-radius: 6px;\n}\n.consumption-date-filter .buttons .confirm {\n  margin-left: 11px;\n  color: #000;\n  border: none;\n  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);\n}\n.consumption-date-filter .time {\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  margin: 10px 0 30px 0;\n}\n.consumption-date-filter .time .line {\n  margin: 0 8px;\n}\n.consumption-date-filter .time .item {\n  height: 30px;\n  line-height: 30px;\n  padding: 0 15px;\n  font-size: 13px;\n  color: #353535;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  background: rgba(245, 245, 245, 0.8);\n  border-radius: 6px;\n}\n.consumption-date-filter .time .current {\n  border: 1px solid #353535;\n}\n.consumption-date-filter .bottom {\n  height: 32px;\n  background: #fff;\n}";
+styleInject(css_248z$3);
+
+script$3.__file = "src/balance/components/DateFilter.vue";
+
+const _hoisted_1$2 = { class: "consumption-rules" };
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "title" },
+  "\u89C4\u5219\u8BF4\u660E",
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "desc" },
+  [
+    /* @__PURE__ */ createElementVNode("div", { class: "desc-title" }, "\u3010\u4E91\u8C46\u3011"),
+    /* @__PURE__ */ createElementVNode("div", null, " 1\u3001\u4E91\u8C46\u7CFB\u5927\u9053\u4E91\u5E73\u53F0\u4E3A\u7528\u6237\u63D0\u4F9B\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u7528\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u7684\u4EA7\u54C1\u6743\u76CA\u62B5\u6263\u4F7F\u7528\u3002 "),
+    /* @__PURE__ */ createElementVNode("div", null, " \u4EBA\u6C11\u5E01\u4E0E\u4E91\u8C46\u7684\u5151\u6362\u6BD4\u4F8B\uFF1A1\u4EBA\u6C11\u5E01=10\u4E91\u8C46\u3002\u4E91\u8C46\u8D2D\u4E70\u6210\u529F\u8FC7\u540E\u4E0D\u53EF\u8F6C\u8BA9\u6216\u8005\u9006\u5411\u5151\u6362\u3002 "),
+    /* @__PURE__ */ createElementVNode("div", null, " 2\u3001\u4E91\u8C46\u7684\u4F7F\u7528\u8303\u56F4\uFF1A\u4E91\u8C46\u53EF\u7528\u4E8E\u62B5\u6263AI\u5BA1\u6279\u5355\u7B14\u6743\u76CA\u3001\u7535\u5B50\u7B7E\u7EA6\u5355\u7B14\u6743\u76CA\u3001\u8702\u9E1F\u5468\u8F6C\u7CFB\u7EDF\u5355\u7B14\u6743\u76CA\u7B49\uFF0C\u5177\u4F53\u62B5\u6263\u6807\u51C6\u8BE6\u7EC6\u89C1\u5404\u4EA7\u54C1\u9875\u9762\u3002 "),
+    /* @__PURE__ */ createElementVNode("div", { class: "desc-title" }, "\u3010\u5C0F\u4E91\u8C46\u3011"),
+    /* @__PURE__ */ createElementVNode("div", null, " 1\u3001\u5C0F\u4E91\u8C46\u7CFB\u5927\u9053\u4E91\u5E73\u53F0\u5355\u65B9\u9762\u4E3A\u7528\u6237\u8D60\u9001\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u7528\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u7684\u6307\u5B9A\u4EA7\u54C1\u6743\u76CA\u62B5\u6263\u4F7F\u7528\u3002\u5C0F\u4E91\u8C46\u4EC5\u7528\u4E8E\u6307\u5B9A\u7684\u4EA7\u54C1\u6743\u76CA\u62B5\u6263\u4F7F\u7528\u3002\u5C0F\u4E91\u8C46\u4E0E\u4E91\u8C46\u4E4B\u95F4\u4E0D\u80FD\u76F8\u4E92\u8F6C\u6362\uFF0C\u4E5F\u65E0\u6CD5\u9006\u5411\u5151\u6362\u6210\u4EBA\u6C11\u5E01\u3002 "),
+    /* @__PURE__ */ createElementVNode("div", null, " 2\u3001\u5C0F\u4E91\u8C46\u7684\u4F7F\u7528\u8303\u56F4\uFF1A\u5C0F\u4E91\u8C46\u53EF\u7528\u4E8E\u62B5\u6263AI\u5BA1\u6279\u5355\u7B14\u6743\u76CA\u3001\u7535\u5B50\u7B7E\u7EA6\u5355\u7B14\u6743\u76CA\u3001\u8702\u9E1F\u5468\u8F6C\u7CFB\u7EDF\u5355\u7B14\u6743\u76CA\u7B49\uFF0C\u5177\u4F53\u62B5\u6263\u6807\u51C6\u8BE6\u7EC6\u89C1\u5404\u4EA7\u54C1\u9875\u9762\u3002 ")
+  ],
+  -1
+  /* HOISTED */
+);
+var script$2 = /* @__PURE__ */ defineComponent({
+  __name: "ConsumptionRules",
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        _hoisted_2$2,
+        _hoisted_3$2,
+        createElementVNode("div", {
+          class: "know",
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("complete"))
+        }, "\u6211\u77E5\u9053\u4E86")
+      ]);
+    };
+  }
+});
+
+var css_248z$2 = ".consumption-rules .title {\n  line-height: 16px;\n  font-weight: 500;\n  color: #1a1a1a;\n  font-size: 16px;\n  text-align: center;\n  width: 100%;\n}\n.consumption-rules .desc {\n  flex: 1;\n  font-size: 14px;\n  line-height: 21px;\n  color: #666;\n  overflow-y: scroll;\n  margin: 10px 0;\n}\n.consumption-rules .desc-title {\n  font-weight: 600;\n}\n.consumption-rules .know {\n  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);\n  height: 30px;\n  line-height: 30px;\n  font-size: 14px;\n  color: #353535;\n  border-radius: 15px;\n  width: 130px;\n  margin: 0 auto;\n  text-align: center;\n}";
+styleInject(css_248z$2);
+
+script$2.__file = "src/balance/components/ConsumptionRules.vue";
+
+const _hoisted_1$1 = { class: "balance-reminder" };
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "body" },
+  [
+    /* @__PURE__ */ createElementVNode("h2", null, "\u64CD\u4F5C\u5931\u8D25"),
+    /* @__PURE__ */ createElementVNode("p", null, "\u60A8\u7684\u8D26\u6237\u4F59\u989D\u53EF\u80FD\u4E0D\u8DB3\uFF0C\u8BF7\u5145\u503C\u540E\u518D\u8FDB\u884C\u67E5\u8BE2")
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$1 = { class: "footer" };
+const _hoisted_4$1 = { class: "col" };
+const _hoisted_5$1 = { class: "col" };
+var script$1 = /* @__PURE__ */ defineComponent({
+  __name: "BalanceReminder",
+  props: {
+    modelValue: { type: Boolean, required: true, default: () => false }
+  },
+  emits: ["recharge", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_nut_button = resolveComponent("nut-button");
+      const _component_nut_popup = resolveComponent("nut-popup");
+      return openBlock(), createBlock(_component_nut_popup, {
+        "pop-class": "balance-reminder-popup",
+        round: "",
+        teleport: "#app",
+        visible: _ctx.modelValue,
+        "close-on-click-overlay": false
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, [
+            _hoisted_2$1,
+            createElementVNode("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4$1, [
+                createVNode(_component_nut_button, {
+                  class: "cancel-button",
+                  onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", false)),
+                  shape: "square",
+                  block: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u53D6\u6D88")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              createElementVNode("div", _hoisted_5$1, [
+                createVNode(_component_nut_button, {
+                  shape: "square",
+                  block: "",
+                  class: "recharge-button",
+                  onClick: _cache[1] || (_cache[1] = ($event) => emit("recharge"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u53BB\u5145\u503C")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["visible"]);
+    };
+  }
+});
+
+var css_248z$1 = ".balance-reminder-popup {\n  width: 80%;\n}\n\n.balance-reminder h2 {\n  font-size: 18px;\n  font-weight: bold;\n}\n.balance-reminder .body {\n  height: 120px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2em;\n  font-size: 12px;\n  text-align: center;\n}\n.balance-reminder .footer {\n  display: flex;\n  flex-direction: row;\n  justify-content: stretch;\n  align-items: center;\n}\n.balance-reminder .footer .col {\n  flex-grow: 1;\n  padding: 6px;\n}\n.balance-reminder .footer .nut-button {\n  border: 0;\n}\n.balance-reminder .footer .recharge-button {\n  color: #060;\n}";
+styleInject(css_248z$1);
+
+script$1.__file = "src/balance/components/BalanceReminder.vue";
+
+const _hoisted_1 = { class: "consumption-view" };
+const _hoisted_2 = { class: "header" };
+const _hoisted_3 = { class: "header_card" };
+const _hoisted_4 = { class: "clound-bean" };
+const _hoisted_5 = { class: "bean-box spa-between" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "bean-img" },
+  [
+    /* @__PURE__ */ createElementVNode("img", {
+      class: "bean-icon",
+      src: "https://cdn.ddjf.com/static/images/bpms-workBench/gold-bean.png"
+    }),
+    /* @__PURE__ */ createElementVNode("div", { class: "bean-tag tag" }, "\u4E91\u8C46")
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_7 = { class: "bean-counts spa-between" };
+const _hoisted_8 = { class: "counts" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "line" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_10 = {
+  key: 0,
+  class: "small-clound-bean clound-bean"
+};
+const _hoisted_11 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "bean-box spa-between" },
+  [
+    /* @__PURE__ */ createElementVNode("div", { class: "bean-img" }, [
+      /* @__PURE__ */ createElementVNode("div", { class: "bean-tag" }, "\u5C0F\u4E91\u8C46")
+    ])
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_12 = { class: "bean-list" };
+const _hoisted_13 = { class: "counts" };
+const _hoisted_14 = { class: "title" };
+const _hoisted_15 = { class: "operation-title spa-between" };
+const _hoisted_16 = { class: "search-time" };
+const _hoisted_17 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "title" },
+  "\u6536\u652F\u660E\u7EC6",
+  -1
+  /* HOISTED */
+);
+const _hoisted_18 = { class: "text" };
+const _hoisted_19 = /* @__PURE__ */ createElementVNode(
+  "img",
+  {
+    class: "time-icon",
+    src: "https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-down.png"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_20 = /* @__PURE__ */ createElementVNode(
+  "span",
+  { class: "text" },
+  "\u7B5B\u9009",
+  -1
+  /* HOISTED */
+);
+const _hoisted_21 = /* @__PURE__ */ createElementVNode(
+  "img",
+  {
+    class: "time-icon",
+    src: "https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-select-icon.png"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_22 = [
+  _hoisted_20,
+  _hoisted_21
+];
+const _hoisted_23 = { class: "operation-list" };
+const _hoisted_24 = {
+  key: 0,
+  class: "box"
+};
+const _hoisted_25 = { class: "title" };
+const _hoisted_26 = { class: "item-type" };
+const _hoisted_27 = { class: "item-detail" };
+const _hoisted_28 = { class: "item-info spa-between" };
+const _hoisted_29 = { class: "item-info-type" };
+const _hoisted_30 = { class: "item-info-title" };
+const _hoisted_31 = { class: "item-info-amount" };
+const _hoisted_32 = { class: "item-detail-remark" };
+const _hoisted_33 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "box-not-text" },
+  "\u6CA1\u6709\u66F4\u591A\u4E86",
+  -1
+  /* HOISTED */
+);
+const _hoisted_34 = {
+  key: 1,
+  class: "info-not"
+};
+const _hoisted_35 = /* @__PURE__ */ createElementVNode(
+  "img",
+  {
+    class: "info-not-img",
+    src: "https://cdn.ddjf.com/static/images/fnfundkit/bean-no-thing.png"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_36 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "info-not-text" },
+  "\u6682\u65E0\u6570\u636E",
+  -1
+  /* HOISTED */
+);
+const _hoisted_37 = [
+  _hoisted_35,
+  _hoisted_36
+];
+const _hoisted_38 = /* @__PURE__ */ createElementVNode(
+  "img",
+  {
+    class: "back-to-top-icon",
+    src: "https://cdn.ddjf.com/static/images/bpms-workBench/top.png"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_39 = [
+  _hoisted_38
+];
+var script = /* @__PURE__ */ defineComponent({
+  __name: "AccountView",
+  emits: ["recharge"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const filterOpen = ref(false);
+    const rulesPopupOpen = ref(false);
+    const filtering = reactive({
+      position: "\u5168\u90E8",
+      direction: "\u5168\u90E8",
+      type: "\u5168\u90E8",
+      dateFrom: "",
+      dateTo: ""
+    });
+    const datePickerOpen = ref(false);
+    function openDateFilter() {
+      datePickerOpen.value = true;
+    }
+    const dataRangeDisplay = computed(() => {
+      let startTime = filtering.dateFrom?.replace(/-/g, ".").substring(2);
+      let endTime = filtering.dateTo?.replace(/-/g, ".").substring(2);
+      return startTime + " - " + endTime;
+    });
+    const consumptionGroups = ref({
+      from: "",
+      to: "",
+      list: []
+    });
+    const balance = ref({
+      total: 0,
+      privileges: []
+    });
+    onMounted(() => {
+      Taro.setNavigationBarTitle({
+        title: "\u6211\u7684\u8D26\u6237"
+      });
+      loadConsumptions(true);
+      loadBalance();
+    });
+    async function loadConsumptions(firstTime) {
+      const $http = makeHttp();
+      Taro.showLoading({
+        title: `\u52A0\u8F7D\u4E2D...`,
+        mask: true
+      });
+      $http.get(endpoints.getOperations, filtering).then((data) => {
+        consumptionGroups.value = data;
+        if (firstTime) {
+          filtering.dateFrom = data.from;
+          filtering.dateTo = data.to;
+        }
+      });
+      Taro.hideLoading();
+    }
+    async function loadBalance() {
+      const $http = makeHttp();
+      $http.get(endpoints.getBalance, {}).then((data) => {
+        balance.value = data;
+      });
+    }
+    const onFilterComplete = (value) => {
+      filtering.position = value[0];
+      filtering.direction = value[1];
+      filtering.type = value[2];
+      filterOpen.value = false;
+      loadConsumptions();
+    };
+    const onDateFilterComplete = (value) => {
+      filtering.dateFrom = value.from;
+      filtering.dateTo = value.to;
+      datePickerOpen.value = false;
+      loadConsumptions();
+    };
+    function backToTop() {
+      Taro.pageScrollTo({
+        scrollTop: 0,
+        duration: 300
+        // 滚动到顶部的动画持续时间
+      });
+    }
+    function gotoRecharge() {
+      balanceReminderOpen.value = true;
+      emit("recharge");
+    }
+    const balanceReminderOpen = ref(false);
+    const scrollY = ref(0);
+    usePageScroll((e) => {
+      const { scrollTop } = e;
+      scrollY.value = scrollTop;
+    });
+    return (_ctx, _cache) => {
+      const _component_nut_popup = resolveComponent("nut-popup");
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, [
+                    _hoisted_6,
+                    createElementVNode("div", {
+                      class: "rule",
+                      onClick: _cache[0] || (_cache[0] = ($event) => rulesPopupOpen.value = true)
+                    }, "\u89C4\u5219\u8BF4\u660E")
+                  ]),
+                  createElementVNode("div", _hoisted_7, [
+                    createElementVNode(
+                      "div",
+                      _hoisted_8,
+                      toDisplayString(balance.value.total || 0),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode("div", {
+                      class: "pay",
+                      onClick: gotoRecharge
+                    }, "\u4E91\u8C46\u5145\u503C")
+                  ])
+                ]),
+                _hoisted_9,
+                balance.value.privileges.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                  _hoisted_11,
+                  createElementVNode("div", _hoisted_12, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(balance.value.privileges, (item) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: item,
+                          class: "bean-list-item"
+                        }, [
+                          createElementVNode(
+                            "div",
+                            _hoisted_13,
+                            toDisplayString(item.amount),
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "div",
+                            _hoisted_14,
+                            toDisplayString(item.title),
+                            1
+                            /* TEXT */
+                          )
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("div", _hoisted_16, [
+                _hoisted_17,
+                withDirectives(createElementVNode(
+                  "div",
+                  {
+                    class: "time",
+                    onClick: openDateFilter
+                  },
+                  [
+                    createElementVNode(
+                      "div",
+                      _hoisted_18,
+                      toDisplayString(dataRangeDisplay.value),
+                      1
+                      /* TEXT */
+                    ),
+                    _hoisted_19
+                  ],
+                  512
+                  /* NEED_PATCH */
+                ), [
+                  [vShow, filtering.dateFrom]
+                ])
+              ]),
+              createElementVNode("div", {
+                class: "search",
+                onClick: _cache[1] || (_cache[1] = ($event) => filterOpen.value = true)
+              }, [..._hoisted_22])
+            ]),
+            createElementVNode("div", _hoisted_23, [
+              consumptionGroups.value.list.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(consumptionGroups.value.list, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      class: "box-detail",
+                      key: index
+                    }, [
+                      createElementVNode(
+                        "div",
+                        _hoisted_25,
+                        toDisplayString(item.date),
+                        1
+                        /* TEXT */
+                      ),
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(item.consumptions, (it, i) => {
+                          return openBlock(), createElementBlock("div", {
+                            class: "item",
+                            key: i
+                          }, [
+                            createElementVNode(
+                              "div",
+                              _hoisted_26,
+                              toDisplayString(it.type),
+                              1
+                              /* TEXT */
+                            ),
+                            createElementVNode("div", _hoisted_27, [
+                              createElementVNode("div", _hoisted_28, [
+                                createElementVNode("div", null, [
+                                  createElementVNode(
+                                    "div",
+                                    _hoisted_29,
+                                    toDisplayString(it.position),
+                                    1
+                                    /* TEXT */
+                                  ),
+                                  createElementVNode(
+                                    "div",
+                                    _hoisted_30,
+                                    toDisplayString(it.title),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                createElementVNode(
+                                  "div",
+                                  _hoisted_31,
+                                  toDisplayString(it.direction == "\u652F\u51FA" ? "-" : "+") + toDisplayString(it.amount),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              createElementVNode(
+                                "div",
+                                _hoisted_32,
+                                toDisplayString(it.description),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                )),
+                _hoisted_33
+              ])) : (openBlock(), createElementBlock("div", _hoisted_34, [..._hoisted_37]))
+            ])
+          ]),
+          createVNode(_component_nut_popup, {
+            "pop-class": "consumption-rules-popup",
+            visible: rulesPopupOpen.value,
+            "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => rulesPopupOpen.value = $event),
+            "close-on-click-overlay": false
+          }, {
+            default: withCtx(() => [
+              createVNode(script$2, {
+                onComplete: _cache[2] || (_cache[2] = ($event) => rulesPopupOpen.value = false)
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["visible"]),
+          createVNode(_component_nut_popup, {
+            position: "bottom",
+            style: { height: "40%" },
+            round: "",
+            "close-on-click-overlay": true,
+            visible: datePickerOpen.value,
+            "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => datePickerOpen.value = $event)
+          }, {
+            default: withCtx(() => [
+              datePickerOpen.value ? (openBlock(), createBlock(script$3, {
+                key: 0,
+                from: filtering.dateFrom,
+                to: filtering.dateTo,
+                onComplete: onDateFilterComplete
+              }, null, 8, ["from", "to"])) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["visible"]),
+          createVNode(_component_nut_popup, {
+            position: "bottom",
+            style: { height: "70%" },
+            round: "",
+            "close-on-click-overlay": false,
+            visible: filterOpen.value,
+            "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => filterOpen.value = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(script$4, {
+                modelValue: [
+                  filtering.position,
+                  filtering.direction,
+                  filtering.type
+                ],
+                onComplete: onFilterComplete
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["visible"]),
+          withDirectives(createElementVNode(
+            "div",
+            {
+              class: "back-to-top",
+              onClick: backToTop
+            },
+            [..._hoisted_39],
+            512
+            /* NEED_PATCH */
+          ), [
+            [vShow, scrollY.value > 300]
+          ]),
+          createVNode(script$1, {
+            modelValue: balanceReminderOpen.value,
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => balanceReminderOpen.value = $event)
+          }, null, 8, ["modelValue"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+var css_248z = ".consumption-view .spa-between {\n  padding: 0 0 0 10px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.consumption-view .header {\n  position: relative;\n  background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);\n  background-size: 100% 106px;\n  padding-top: 20px;\n  background-repeat: no-repeat;\n}\n.consumption-view .header_card {\n  background: linear-gradient(104.85deg, #f4e2ce 1.88%, #debb9b 98.18%);\n  border-radius: 15px;\n  padding: 10px;\n  margin: 0 15px;\n}\n.consumption-view .header_card .clound-bean .bean-box {\n  font-size: 10px;\n}\n.consumption-view .header_card .clound-bean .bean-box .bean-img {\n  display: flex;\n  justify-content: start;\n  align-items: center;\n}\n.consumption-view .header_card .clound-bean .bean-box .bean-img .bean-icon {\n  display: block;\n  font-size: 0;\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n}\n.consumption-view .header_card .clound-bean .bean-box .bean-img .bean-tag {\n  color: #353535;\n  height: 15px;\n  line-height: 15px;\n  border-radius: 30px 50px 50px 0px;\n  background: rgba(255, 131, 32, 0.3);\n  padding-left: 5px;\n  padding-right: 10px;\n}\n.consumption-view .header_card .clound-bean .bean-box .bean-img .tag {\n  background: #ff8320;\n  color: #fff;\n}\n.consumption-view .header_card .clound-bean .bean-box .rule {\n  color: #353535;\n  opacity: 0.5;\n}\n.consumption-view .header_card .clound-bean .bean-counts {\n  margin-top: 5px;\n}\n.consumption-view .header_card .clound-bean .bean-counts .counts {\n  color: #3d3835;\n  font-size: 32px;\n  font-weight: 700;\n}\n.consumption-view .header_card .clound-bean .bean-counts .pay {\n  padding: 0 20px;\n  height: 32px;\n  line-height: 32px;\n  background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);\n  border-radius: 16px;\n  color: #e7caad;\n  font-size: 15px;\n  font-weight: 500;\n}\n.consumption-view .header_card .line {\n  height: 3px;\n  width: 100%;\n  margin: 10px 0;\n  background: linear-gradient(90deg, #e7c39f 0.84%, #e6c9ad 27.74%);\n}\n.consumption-view .header_card .small-clound-bean {\n  margin-top: 20px;\n}\n.consumption-view .header_card .small-clound-bean .bean-list {\n  margin-top: 8px;\n  display: flex;\n  flex-wrap: wrap;\n}\n.consumption-view .header_card .small-clound-bean .bean-list-item {\n  width: 50%;\n  line-height: 23px;\n  padding-left: 10px;\n  box-sizing: border-box;\n  margin-bottom: 10px;\n}\n.consumption-view .header_card .small-clound-bean .bean-list-item .counts {\n  color: #353535;\n  font-size: 20px;\n  font-weight: 700;\n}\n.consumption-view .header_card .small-clound-bean .bean-list-item .title {\n  color: #987356;\n  font-weight: 400;\n  font-size: 11px;\n}\n.consumption-view .header_card .small-clound-bean .bean-list-item:nth-child(2n) {\n  padding-left: 30px;\n}\n.consumption-view .operation-title {\n  padding: 10px 15px;\n  background: #fff;\n  position: sticky;\n  z-index: 10;\n  top: 0;\n}\n.consumption-view .operation-title .text {\n  color: #353535;\n  font-size: 12px;\n  opacity: 0.5;\n}\n.consumption-view .operation-title .time-icon {\n  display: block;\n  font-size: 0;\n  width: 12px;\n  height: 12px;\n  margin-left: 4px;\n}\n.consumption-view .operation-title .search-time {\n  display: flex;\n  align-items: center;\n}\n.consumption-view .operation-title .search-time .title {\n  color: #000;\n  font-weight: 500;\n  font-size: 17px;\n  margin-right: 10px;\n}\n.consumption-view .operation-title .search-time .time {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.consumption-view .operation-title .search {\n  display: flex;\n  align-items: center;\n}\n.consumption-view .operation-list {\n  margin: 0 15px;\n}\n.consumption-view .operation-list .box-detail .title {\n  line-height: 22px;\n  font-weight: 700;\n  font-size: 12px;\n  color: #000;\n  opacity: 0.5;\n  margin-bottom: 10px;\n}\n.consumption-view .operation-list .box-detail .item {\n  box-shadow: 0px 5px 18px 2px rgba(0, 0, 0, 0.1607843137);\n  border-radius: 5px;\n  padding: 12px 10px;\n  display: flex;\n  margin-bottom: 10px;\n}\n.consumption-view .operation-list .box-detail .item-type {\n  background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  margin-right: 15px;\n  line-height: 30px;\n  font-size: 10px;\n  font-weight: 500;\n  color: #000;\n  text-align: center;\n}\n.consumption-view .operation-list .box-detail .item-detail {\n  flex: 1;\n}\n.consumption-view .operation-list .box-detail .item-detail .item-info {\n  padding: 0;\n  font-size: 14px;\n  font-weight: 700;\n  color: #000;\n}\n.consumption-view .operation-list .box-detail .item-detail .item-info-type {\n  line-height: 15px;\n}\n.consumption-view .operation-list .box-detail .item-detail .item-info-title {\n  font-weight: 400;\n  opacity: 0.8;\n  font-size: 11px;\n}\n.consumption-view .operation-list .box-detail .item-detail .item-info-amount {\n  color: #9e7b5a;\n}\n.consumption-view .operation-list .box-detail .item-detail-remark {\n  opacity: 0.3;\n  line-height: 15px;\n  font-size: 10px;\n}\n.consumption-view .operation-list .box-not-text {\n  opacity: 0.4;\n  color: #353535;\n  font-size: 12px;\n  line-height: 20px;\n  margin: 0 auto 40px;\n  text-align: center;\n}\n.consumption-view .operation-list-not {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-top: 80px;\n}\n.consumption-view .operation-list-not-img {\n  display: block;\n  font-size: 0;\n  width: 144px;\n  height: 80px;\n}\n.consumption-view .operation-list-not-text {\n  opacity: 0.4;\n  color: #353535;\n  font-size: 12px;\n  line-height: 28px;\n}\n\n.back-to-top {\n  width: 38px;\n  height: 38px;\n  border-radius: 19px;\n  position: fixed;\n  right: 15px;\n  bottom: 100px;\n  background: #FFF2E5;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.back-to-top-icon {\n  display: block;\n  font-size: 0;\n  width: 19px;\n  height: 19px;\n}\n\n.consumption-rules-popup {\n  border-radius: 16px;\n  width: 70%;\n  height: 70%;\n  padding: 24px;\n}";
+styleInject(css_248z);
+
+script.__file = "src/balance/components/AccountView.vue";
+
+const nutComponents = [
+  Grid,
+  GridItem,
+  Button,
+  Checkbox,
+  Popup,
+  OverLay,
+  Icon,
+  DatePicker
+];
+const appComponents = {
+  ...components
+};
+const AppKit = {
+  install(app, options) {
+    const appKitOptions = useAppKitOptions();
+    appKitOptions.token = options.token;
+    appKitOptions.baseUrl = options.baseUrl;
+    nutComponents.forEach((component) => {
+      app.use(component);
+    });
+    Object.entries(appComponents).forEach(([name, component]) => {
+      app.component(name, component);
+    });
+  }
+};
+
+export { script as AccountView, script$a as AmountPicker, script$7 as AppDrawer, script$5 as BalanceCard, script$1 as BalanceReminder, script$8 as PageHeader, script$6 as RechargeView, script$9 as UserAgreement, components, AppKit as default, requestPayment$1 as requestPayment, useHttp };