@fecp/designer 5.5.113 → 5.5.114

package/lib/packages/mobile/src/components/dataDisplay/dataStat/DataStat.vue.js

@@ -1,14 +1,226 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                     */
+;/* empty css                                                      */
+;/* empty css                                                        */
 const Vue = require("vue");
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const _sfc_main = {};
+const index = require("../../../../../../node_modules/vant/es/loading/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/empty/index.js");
 const _hoisted_1 = { class: "stat-card" };
-function _sfc_render(_ctx, _cache) {
-  return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, _cache[0] || (_cache[0] = [
-    Vue.createStaticVNode('<div class="stat-top" data-v-fa8fbc8a><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日认购金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>4,012</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日回款金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>1,336</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日交楼金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>306</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div></div><div class="detail-row" data-v-fa8fbc8a><div class="detail-left" data-v-fa8fbc8a><div class="detail-group" data-v-fa8fbc8a><div class="detail-label" data-v-fa8fbc8a>实际完成(万元)</div><div class="detail-num" data-v-fa8fbc8a>101.342</div></div><div class="detail-group" data-v-fa8fbc8a><div class="detail-label" data-v-fa8fbc8a>目标金额(万元)</div><div class="detail-num" data-v-fa8fbc8a>223.764</div></div></div><div class="detail-right" data-v-fa8fbc8a><div class="detail-item" data-v-fa8fbc8a><div class="detail-item-top" data-v-fa8fbc8a><div class="detail-item-title" data-v-fa8fbc8a>年度回款(万元)</div><div class="detail-percent" data-v-fa8fbc8a>70%</div></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>实际</span><span class="v" data-v-fa8fbc8a>342.234</span></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>目标</span><span class="v" data-v-fa8fbc8a>432.340</span></div></div><div class="detail-item" data-v-fa8fbc8a><div class="detail-item-top" data-v-fa8fbc8a><div class="detail-item-title" data-v-fa8fbc8a>年度回款(万元)</div><div class="detail-percent" data-v-fa8fbc8a>70%</div></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>实际</span><span class="v" data-v-fa8fbc8a>342.234</span></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>目标</span><span class="v" data-v-fa8fbc8a>432.340</span></div></div></div></div>', 2)
-  ]));
-}
-const _DataStat = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fa8fbc8a"]]);
+const _hoisted_2 = {
+  key: 0,
+  class: "stat-loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "stat-empty"
+};
+const _hoisted_4 = { class: "stat-hero-body" };
+const _hoisted_5 = { class: "stat-hero-label" };
+const _hoisted_6 = { class: "stat-hero-num" };
+const _hoisted_7 = ["data-len"];
+const _hoisted_8 = {
+  key: 0,
+  class: "stat-hero-unit"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "stat-row"
+};
+const _hoisted_10 = { class: "stat-item-body" };
+const _hoisted_11 = { class: "stat-item-label" };
+const _hoisted_12 = { class: "stat-item-num" };
+const _hoisted_13 = ["data-len"];
+const _hoisted_14 = {
+  key: 0,
+  class: "stat-item-unit"
+};
+const _hoisted_15 = {
+  key: 2,
+  class: "stat-row"
+};
+const _hoisted_16 = { class: "stat-item-body" };
+const _hoisted_17 = { class: "stat-item-label" };
+const _hoisted_18 = { class: "stat-item-num" };
+const _hoisted_19 = ["data-len"];
+const _hoisted_20 = {
+  key: 0,
+  class: "stat-item-unit"
+};
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  name: "FecMobileDataStat"
+}, {
+  __name: "DataStat",
+  props: {
+    // 是否使用 mock 数据（接口未通时用 mock 兜底）
+    useMock: {
+      type: Boolean,
+      default: true
+    },
+    // 数据接口 URL
+    apiUrl: {
+      type: String,
+      default: "/base-server/mobileApi/getHomeStat"
+    },
+    // 加载完成后是否自动请求（默认 true）
+    autoLoad: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const currentInstance = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const loading = Vue.ref(false);
+    const dataList = Vue.ref([]);
+    const mockData = [
+      { label: "资产总额", value: 7005, unit: "万元", theme: "blue" },
+      { label: "客户数量", value: 20, unit: "人", theme: "mint" },
+      { label: "资产余额", value: 6561.61, unit: "万", theme: "purple" },
+      { label: "今日到期租金", value: 0, unit: "万", theme: "mist" },
+      { label: "未结清合同", value: 21, unit: "笔", theme: "orange" },
+      { label: "未来7日到期租金", value: 0, unit: "万", theme: "rose" }
+    ];
+    const hero = Vue.computed(() => dataList.value[0] || null);
+    const rows = Vue.computed(() => {
+      const rest = dataList.value.slice(1);
+      if (rest.length === 0) return [];
+      if (rest.length <= 2) return [rest.map((it) => ({ ...it, _width: "w2" }))];
+      const r2 = [
+        { ...rest[0], _width: "w1" },
+        { ...rest[1], _width: "w2" }
+      ];
+      const r3 = rest.length >= 4 ? [
+        { ...rest[2], _width: "w2" },
+        { ...rest[3], _width: "w1" }
+      ] : rest.slice(2).map((it) => ({ ...it, _width: "w2" }));
+      return [r2, r3];
+    });
+    const hasData = Vue.computed(() => dataList.value.length > 0);
+    function getLen(v) {
+      if (v == null) return "0";
+      return String(v).length;
+    }
+    function formatNum(v) {
+      if (v == null || v === "") return "-";
+      const num = Number(v);
+      if (isNaN(num)) return v;
+      return num.toLocaleString("en-US", {
+        maximumFractionDigits: 2
+      });
+    }
+    async function loadData() {
+      loading.value = true;
+      try {
+        if (props.useMock) {
+          await new Promise((resolve) => setTimeout(resolve, 500));
+          dataList.value = JSON.parse(JSON.stringify(mockData));
+        } else {
+          const res = await ctx.$http.postForm(props.apiUrl, {}, false);
+          const list = Array.isArray(res) ? res : (res == null ? void 0 : res.data) || (res == null ? void 0 : res.list) || [];
+          dataList.value = list;
+        }
+      } catch (err) {
+        console.error("[DataStat] 加载失败", err);
+        dataList.value = JSON.parse(JSON.stringify(mockData));
+      } finally {
+        loading.value = false;
+      }
+    }
+    __expose({
+      refresh: loadData
+    });
+    Vue.onMounted(() => {
+      if (props.autoLoad) {
+        loadData();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_van_loading = index.Loading;
+      const _component_van_empty = index$1.Empty;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.unref(loading) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(_component_van_loading, {
+            size: "20",
+            color: "#999"
+          }, {
+            default: Vue.withCtx(() => _cache[0] || (_cache[0] = [
+              Vue.createTextVNode("加载中...")
+            ])),
+            _: 1
+          })
+        ])) : !Vue.unref(hasData) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+          Vue.createVNode(_component_van_empty, { description: "暂无数据" })
+        ])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 2 }, [
+          Vue.unref(hero) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            class: Vue.normalizeClass(["stat-hero", `stat-hero--${Vue.unref(hero).theme || "blue"}`])
+          }, [
+            _cache[1] || (_cache[1] = Vue.createElementVNode("div", { class: "stat-hero-dot" }, null, -1)),
+            Vue.createElementVNode("div", _hoisted_4, [
+              Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(hero).label), 1),
+              Vue.createElementVNode("div", _hoisted_6, [
+                Vue.createElementVNode("span", {
+                  class: "stat-hero-value",
+                  "data-len": getLen(Vue.unref(hero).value)
+                }, Vue.toDisplayString(formatNum(Vue.unref(hero).value)), 9, _hoisted_7),
+                Vue.unref(hero).unit ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_8, Vue.toDisplayString(Vue.unref(hero).unit), 1)) : Vue.createCommentVNode("", true)
+              ])
+            ])
+          ], 2)) : Vue.createCommentVNode("", true),
+          Vue.unref(rows).length > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_9, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(rows)[0], (item) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                key: item.label,
+                class: Vue.normalizeClass(["stat-item", [
+                  `stat-item--${item.theme || "mist"}`,
+                  `stat-item--${item._width || "w1"}`
+                ]])
+              }, [
+                _cache[2] || (_cache[2] = Vue.createElementVNode("div", { class: "stat-item-dot" }, null, -1)),
+                Vue.createElementVNode("div", _hoisted_10, [
+                  Vue.createElementVNode("div", _hoisted_11, Vue.toDisplayString(item.label), 1),
+                  Vue.createElementVNode("div", _hoisted_12, [
+                    Vue.createElementVNode("span", {
+                      class: "stat-item-value",
+                      "data-len": getLen(item.value)
+                    }, Vue.toDisplayString(formatNum(item.value)), 9, _hoisted_13),
+                    item.unit ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_14, Vue.toDisplayString(item.unit), 1)) : Vue.createCommentVNode("", true)
+                  ])
+                ])
+              ], 2);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true),
+          Vue.unref(rows).length > 1 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_15, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(rows)[1], (item) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                key: item.label,
+                class: Vue.normalizeClass(["stat-item", [
+                  `stat-item--${item.theme || "mist"}`,
+                  `stat-item--${item._width || "w1"}`
+                ]])
+              }, [
+                _cache[3] || (_cache[3] = Vue.createElementVNode("div", { class: "stat-item-dot" }, null, -1)),
+                Vue.createElementVNode("div", _hoisted_16, [
+                  Vue.createElementVNode("div", _hoisted_17, Vue.toDisplayString(item.label), 1),
+                  Vue.createElementVNode("div", _hoisted_18, [
+                    Vue.createElementVNode("span", {
+                      class: "stat-item-value",
+                      "data-len": getLen(item.value)
+                    }, Vue.toDisplayString(formatNum(item.value)), 9, _hoisted_19),
+                    item.unit ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_20, Vue.toDisplayString(item.unit), 1)) : Vue.createCommentVNode("", true)
+                  ])
+                ])
+              ], 2);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
+  }
+});
+const _DataStat = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3e56445e"]]);
 exports.default = _DataStat;

package/lib/packages/mobile/src/components/dataDisplay/divider/Divider.vue.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                  */
+;/* empty css                                                     */
+;/* empty css                                                        */
 const Vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/divider/index.js");
+const index = require("../../../../../../node_modules/vant/es/divider/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_divider = index.Divider;

package/lib/packages/mobile/src/components/dataDisplay/empty/Empty.vue.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                */
+;/* empty css                                                     */
+;/* empty css                                                      */
 const Vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/empty/index.js");
+const index = require("../../../../../../node_modules/vant/es/empty/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_empty = index.Empty;

package/lib/packages/mobile/src/components/dataDisplay/highlight/Highlight.vue.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                    */
+;/* empty css                                                     */
+;/* empty css                                                          */
 const Vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/highlight/index.js");
+const index = require("../../../../../../node_modules/vant/es/highlight/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_highlight = index.Highlight;

package/lib/packages/mobile/src/components/dataDisplay/homeTools/HomeTools.vue.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const rentCalc = require("../../../assets/images/rentCalc.png.js");
+const baseRate = require("../../../assets/images/baseRate.png.js");
+const eventBus = require("../../../utils/eventBus.js");
+;/* empty css                */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "fec-home-tools" };
+const _hoisted_2 = { class: "fec-home-tool-icon" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "fec-home-tool-icon" };
+const _hoisted_5 = ["src"];
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  name: "FecMobileHomeTools"
+}, {
+  __name: "HomeTools",
+  props: {
+    // 是否显示「租金试算」块
+    showRentCalc: {
+      type: Boolean,
+      default: true
+    },
+    rentCalcPageId: {
+      type: String,
+      default: ""
+    },
+    // 是否显示「基准利率」块
+    showBaseRate: {
+      type: Boolean,
+      default: true
+    },
+    baseRatePageId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    function onClick(key) {
+      switch (key) {
+        case "rentCalc":
+          eventBus.default.emit("loadPage", { pageId: props.rentCalcPageId });
+          break;
+        case "baseRate":
+          eventBus.default.emit("loadPage", { pageId: props.baseRatePageId });
+          break;
+      }
+    }
+    __expose({});
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        __props.showRentCalc ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          class: "fec-home-tool-card",
+          onClick: _cache[0] || (_cache[0] = ($event) => onClick("rentCalc"))
+        }, [
+          _cache[2] || (_cache[2] = Vue.createElementVNode("div", { class: "fec-home-tool-info" }, [
+            Vue.createElementVNode("div", { class: "fec-home-tool-title" }, "租金试算"),
+            Vue.createElementVNode("div", { class: "fec-home-tool-sub" }, [
+              Vue.createElementVNode("span", { class: "fec-home-tool-subtext" }, "快速计算租金")
+            ])
+          ], -1)),
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.renderSlot(_ctx.$slots, "icon-rentCalc", {}, () => [
+              Vue.createElementVNode("img", {
+                src: Vue.unref(rentCalc.default),
+                alt: "rentCalc"
+              }, null, 8, _hoisted_3)
+            ])
+          ])
+        ])) : Vue.createCommentVNode("", true),
+        __props.showBaseRate ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 1,
+          class: "fec-home-tool-card",
+          onClick: _cache[1] || (_cache[1] = ($event) => onClick("baseRate"))
+        }, [
+          _cache[3] || (_cache[3] = Vue.createElementVNode("div", { class: "fec-home-tool-info" }, [
+            Vue.createElementVNode("div", { class: "fec-home-tool-title" }, "基准利率"),
+            Vue.createElementVNode("div", { class: "fec-home-tool-sub" }, [
+              Vue.createElementVNode("span", { class: "fec-home-tool-subtext" }, "查看最新利率")
+            ])
+          ], -1)),
+          Vue.createElementVNode("div", _hoisted_4, [
+            Vue.renderSlot(_ctx.$slots, "icon-baseRate", {}, () => [
+              Vue.createElementVNode("img", {
+                src: Vue.unref(baseRate.default),
+                alt: "baseRate"
+              }, null, 8, _hoisted_5)
+            ])
+          ])
+        ])) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _HomeTools = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-6a7fcb0f"]]);
+exports.default = _HomeTools;

package/lib/packages/mobile/src/components/dataDisplay/homeTools/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const HomeTools = require("./HomeTools.vue.js");
+const install = require("../../../utils/install.js");
+const MobileHomeTools = install.default.withInstall("MobileHomeTools", HomeTools.default);
+exports.MobileHomeTools = MobileHomeTools;
+exports.default = MobileHomeTools;

package/lib/packages/mobile/src/components/dataDisplay/list/List.vue.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                  */
-;/* empty css                                               */
+;/* empty css                                                     */
+;/* empty css                                                        */
+;/* empty css                                                     */
 const Vue = require("vue");
 const dataSourceUtil = require("../../../utils/dataSourceUtil.js");
-const index = require("../../../../node_modules/vant/es/list/index.js");
+const index = require("../../../../../../node_modules/vant/es/list/index.js");
 const _sfc_main = {
   __name: "List",
   props: {

package/lib/packages/mobile/src/components/dataDisplay/menuGrid/MenuGrid.vue.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                               */
-;/* empty css                                                */
-;/* empty css                                               */
-;/* empty css                                                    */
+;/* empty css                                                     */
+;/* empty css                                                     */
+;/* empty css                                                      */
+;/* empty css                                                     */
+;/* empty css                                                          */
 const Vue = require("vue");
 const eventBus = require("../../../utils/eventBus.js");
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index$1 = require("../../../../node_modules/vant/es/grid/index.js");
-const index$2 = require("../../../../node_modules/vant/es/grid-item/index.js");
-const index = require("../../../../node_modules/vant/es/icon/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/grid/index.js");
+const index$2 = require("../../../../../../node_modules/vant/es/grid-item/index.js");
+const index = require("../../../../../../node_modules/vant/es/icon/index.js");
 const _hoisted_1 = { class: "menu-grid-wrap" };
 const _hoisted_2 = {
   key: 0,
@@ -119,5 +119,5 @@ const _sfc_main = {
     };
   }
 };
-const _MenuGrid = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-969abf4b"]]);
+const _MenuGrid = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-9d054d02"]]);
 exports.default = _MenuGrid;

package/lib/packages/mobile/src/components/dataDisplay/noticeBar/NoticeBar.vue.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                                               */
-;/* empty css                                                */
-;/* empty css                                               */
 ;/* empty css                                                     */
-;/* empty css                                                */
+;/* empty css                                                      */
 ;/* empty css                                                     */
+;/* empty css                                                           */
+;/* empty css                                                      */
+;/* empty css                                                           */
 const Vue = require("vue");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/vant/es/notice-bar/index.js");
-const index$1 = require("../../../../node_modules/vant/es/swipe/index.js");
-const index$2 = require("../../../../node_modules/vant/es/swipe-item/index.js");
+const index = require("../../../../../../node_modules/vant/es/notice-bar/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/swipe/index.js");
+const index$2 = require("../../../../../../node_modules/vant/es/swipe-item/index.js");
 const _hoisted_1 = { class: "notice-wrap" };
 const _hoisted_2 = { class: "notice-label" };
 const _hoisted_3 = ["src"];

package/lib/packages/mobile/src/components/dataDisplay/rentCalcResult/RentCalcResult.vue.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "rent-calc-result" };
+const _hoisted_2 = { class: "card card-rate" };
+const _hoisted_3 = { class: "card-body" };
+const _hoisted_4 = { class: "rate-row rate-percents" };
+const _hoisted_5 = { class: "rate-label" };
+const _hoisted_6 = { class: "rate-value rate-pct" };
+const _hoisted_7 = { class: "card card-plan" };
+const _hoisted_8 = { class: "card-body plan-scroll" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "left" };
+const _hoisted_11 = { class: "period" };
+const _hoisted_12 = { class: "date" };
+const _hoisted_13 = { class: "right" };
+const _hoisted_14 = { class: "amount-line" };
+const _hoisted_15 = { class: "value primary" };
+const _hoisted_16 = { class: "amount-line sub" };
+const _sfc_main = {
+  __name: "RentCalcResult",
+  props: {
+    params: {
+      type: Object,
+      default: {}
+    },
+    eventHandler: Function
+  },
+  setup(__props) {
+    const rateList = Vue.ref([
+      { label: "IRR", value: "5.28%", theme: "blue" },
+      { label: "XIRR", value: "5.41%", theme: "green" },
+      { label: "会计IRR", value: "5.12%", theme: "orange" }
+    ]);
+    const planList = Vue.ref([
+      {
+        termNum: 1,
+        endDate: "20250815",
+        rent: 325e3,
+        prcp: 28e4,
+        normInt: 45e3,
+        afterBal: 672e4
+      },
+      {
+        termNum: 2,
+        endDate: "20260215",
+        rent: 325e3,
+        prcp: 282500,
+        normInt: 42500,
+        afterBal: 6437500
+      },
+      {
+        termNum: 3,
+        endDate: "20260815",
+        rent: 325e3,
+        prcp: 285e3,
+        normInt: 4e4,
+        afterBal: 6152500
+      },
+      {
+        termNum: 4,
+        endDate: "20270215",
+        rent: 325e3,
+        prcp: 287600,
+        normInt: 37400,
+        afterBal: 5864900
+      },
+      {
+        termNum: 5,
+        endDate: "20270815",
+        rent: 325e3,
+        prcp: 290200,
+        normInt: 34800,
+        afterBal: 5574700
+      },
+      {
+        termNum: 6,
+        endDate: "20280215",
+        rent: 325e3,
+        prcp: 292900,
+        normInt: 32100,
+        afterBal: 5281800
+      }
+    ]);
+    function formatAmount(val) {
+      if (val === void 0 || val === null || val === "") return "0.00";
+      const n = Number(val);
+      if (isNaN(n)) return val;
+      return n.toLocaleString("zh-CN", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      });
+    }
+    function formatDate(val) {
+      if (val === void 0 || val === null || val === "") return "--";
+      const s = String(val);
+      if (/^\d{8}$/.test(s)) {
+        return `${s.slice(0, 4)}-${s.slice(4, 6)}-${s.slice(6, 8)}`;
+      }
+      const d = new Date(val);
+      if (isNaN(d.getTime())) return val;
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+    }
+    function clickHandler(data) {
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", _hoisted_2, [
+          _cache[1] || (_cache[1] = Vue.createElementVNode("div", { class: "card-title" }, "收益率", -1)),
+          Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createElementVNode("div", _hoisted_4, [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(rateList.value, (item) => {
+                return Vue.openBlock(), Vue.createElementBlock("div", {
+                  class: "rate-item",
+                  key: item.label
+                }, [
+                  Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(item.label), 1),
+                  Vue.createElementVNode("div", _hoisted_6, Vue.toDisplayString(item.value), 1)
+                ]);
+              }), 128))
+            ]),
+            _cache[0] || (_cache[0] = Vue.createElementVNode("div", { class: "rate-row rate-amount" }, [
+              Vue.createElementVNode("div", { class: "rate-label" }, "预计收益"),
+              Vue.createElementVNode("div", { class: "rate-value rate-amt" }, "328,500.00元")
+            ], -1))
+          ])
+        ]),
+        Vue.createElementVNode("div", _hoisted_7, [
+          _cache[3] || (_cache[3] = Vue.createElementVNode("div", { class: "card-title" }, "租金计划", -1)),
+          Vue.createElementVNode("div", _hoisted_8, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(planList.value, (row, idx) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                class: "repay-row",
+                key: idx,
+                onClick: ($event) => clickHandler()
+              }, [
+                Vue.createElementVNode("div", _hoisted_10, [
+                  Vue.createElementVNode("div", _hoisted_11, "第" + Vue.toDisplayString(row.termNum) + "期", 1),
+                  Vue.createElementVNode("div", _hoisted_12, "还款日：" + Vue.toDisplayString(formatDate(row.endDate)), 1)
+                ]),
+                Vue.createElementVNode("div", _hoisted_13, [
+                  Vue.createElementVNode("div", _hoisted_14, [
+                    _cache[2] || (_cache[2] = Vue.createElementVNode("span", { class: "label" }, "应还租金：", -1)),
+                    Vue.createElementVNode("span", _hoisted_15, Vue.toDisplayString(formatAmount(row.rent)) + "元", 1)
+                  ]),
+                  Vue.createElementVNode("div", _hoisted_16, [
+                    Vue.createElementVNode("span", null, "本金：" + Vue.toDisplayString(formatAmount(row.prcp)) + "元", 1),
+                    Vue.createElementVNode("span", null, "利息：" + Vue.toDisplayString(formatAmount(row.normInt)) + "元", 1),
+                    Vue.createElementVNode("span", null, "期末：" + Vue.toDisplayString(formatAmount(row.afterBal)) + "元", 1)
+                  ])
+                ])
+              ], 8, _hoisted_9);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const _RentCalcResult = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2e5d76eb"]]);
+exports.default = _RentCalcResult;

package/lib/packages/mobile/src/components/dataDisplay/rentCalcResult/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const RentCalcResult = require("./RentCalcResult.vue.js");
+const install = require("../../../utils/install.js");
+const MobileRentCalcResult = install.default.withInstall("MobileRentCalcResult", RentCalcResult.default);
+exports.MobileRentCalcResult = MobileRentCalcResult;
+exports.default = MobileRentCalcResult;